CSS IE6向右浮动

时间:2010-01-12 06:16:06

标签: html internet-explorer-6 css-float inline

为什么我在展示时有div风格:块; float:对,在IE6中,div仍然在文本下面,而不是在它的中间只是浮动到右边。它适用于所有其他浏览器,包括IE7 +。我需要有显示块,因为如果我显示内联,那么div中的菜单都搞砸了。

.content { 显示:块; }

.float { 宽度:150px; 显示:块; 漂浮:对; }

.nothing { 显示:内联; }

浮动类不是任何类的权利,它在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

2 个答案:

答案 0 :(得分:1)

按照Greg在评论(doctype.com/wierd-ie6-float-issue)中发布的链接获取有效的解决方案。基本上把你的浮动元素放在html中。

答案 1 :(得分:0)

在您的情况下,这可能不是一个选项,但也许您可以在父元素中尝试使用float: left align: right?这在过去对我有用,但在每种情况下都没有用。