解决ie6、ie7下float为right换行的情况
2013-08-05 20:12
274 查看
IE6下有不少奇怪的Bug,今天就碰到一个,float:right换行bug,情况是并列的几个块级元素如div和span,一些设置了左浮动一些设置右浮动,一行的宽度足够放下所有的块级元素,但此时ie6则显示右浮动的其中一块换行了,下面给出实例和解决方法:
实例说明下:html结构如下
<div>
<span>左边</span>
<span>中间</span>
<span style="float: right">右边</span>
</div>.left和.center都没有 float 属性,然后在FireFox,google chrome及IE7、IE8等浏览器下都正常显示,可在Internet Explorer 6 下有bug:本来排一行的左边+中间+右边,可右边淘气的跳到了下一行。
解决方案:
不用修改css什么的,只要把float的模块放到非float的前面即可。
上面的html结构重排下序:
<div><span style="float: right">右边</span> <span>左边</span> <span>中间</span> </div>
实例说明下:html结构如下
<div>
<span>左边</span>
<span>中间</span>
<span style="float: right">右边</span>
</div>.left和.center都没有 float 属性,然后在FireFox,google chrome及IE7、IE8等浏览器下都正常显示,可在Internet Explorer 6 下有bug:本来排一行的左边+中间+右边,可右边淘气的跳到了下一行。
解决方案:
不用修改css什么的,只要把float的模块放到非float的前面即可。
上面的html结构重排下序:
<div><span style="float: right">右边</span> <span>左边</span> <span>中间</span> </div>
相关文章推荐
- 解决ie6、ie7下float为right换行的情况
- 解决ie6、ie7下float为right换行的情况
- 解决ie6、ie7下float为right换行的情况
- 解决ie6、ie7、ie8下float为right换行的情况
- 解决ie6、ie7、ie8下float为right换行的情况
- IE6,IE7下 float:right 后换行的问题
- 解决IE6下float right 换行bug方案
- ie6 span 换行解决span float:right不能右对齐而是换行显示
- IE下CSS属性float:right下移换行或不显示的问题原因及解决
- float:right 解决左右标题ie下换行问题
- ie6 span 换行解决span float:right不能右对齐而是换行显示
- ie下li标签中span加float:right不换行问题解决方案
- 解决IE6,ie7下元素左浮动自动换行的问题
- IE下CSS属性float:right下换行问题解决方法
- ie中使用float:right出现换行的解决办法
- 在IE下换行显示float:right的解决技巧
- 解决ie6下兼容float 换行问题,解决ie6下padding的时候 宽度不自动扩展问题
- ie6中span设置float:right时串行问题解决方法
- ie6 ie7下使用clear不能将浮动的元素换行问题
- 解决IE6下div中文字显示竖排,IE7下div不能自适应高度问题