CSS IE6 плавать вправо

Question

Как получилось, когда у меня есть стиль div на дисплее: block; float: right, в IE6 div все еще идет под текстом, а не посередине просто плавает вправо. Он работает во всех других браузерах, включая IE7 +. Мне нужно иметь блок отображения, потому что если я отображаю inline, то меню внутри div все перепутано.

.content { дисплей: блок; }

.float { ширина: 150 пикселей; дисплей: блок; плавать: правильно; }

.nothing { дисплей: встроенный; }

класс float не справа от класса ничего, он под ним в IE6, знаете исправление?

---

Я предполагаю, что это означает:

<span>This is some text </span>

<div style="float: right;">
    This is floated text
</div>

Вывод выглядит примерно так:

This is some text    
                        This is floated text

Если вы перемещаете пролёт влево или

<span style="float:left;">This is some text </span>

<div style="float: right;">
    This is floated text
</div>

переключать порядок текста и плавать

<div style="float: right;">
        This is floated text
</div>

<span>This is some text </span>

работает нормально:

This is some text    This is floated text

Answer 1

Перейдите по ссылке, которую Грег опубликовал в комментарии ( doctype.com / wierd-ie6-float-issue ) для рабочего решения. По сути, сначала поместите ваш плавающий элемент в HTML.

Answer 2

Это может быть не вариант в вашем случае, но, возможно, вы можете попробовать float: left с align: right в родительском элементе? В прошлом это работало для меня, но не всегда полезно.