IE6下有不少奇怪的Bug,今天就碰到一个,float right换行bug,情况是并列的几个块级元素如div和span,一些设置了左浮动一些设置右浮动,一行的宽度足够放下所有的块级元素,但此时ie6则显示右浮动的其中一块换行了,下面给出实例和解决方法:
实例说明下:html结构如下
<div>
<span class="left">左边</span>
<span class="center">中间</span>
<span style="float: right" class="right">右边</span>
</div>.left和.center都没有 float 属性,然后在FireFox,google chrome及IE7、IE8等浏览器下都正常显示,可在Internet Explorer 6 下有bug:本来排一行的左边+中间+右边,可右边淘气的跳到了下一行。
解决方案:
不用修改css什么的,只要把float的模块放到非float的前面即可。
上面的html结构重排下序:
<div><span style="float: right" class="right">右边</span> <span class="left">左边</span> <span class="center">中间</span> </div>听说IE9出炉了,对CSS的支持有了很大提升,衷心希望所有的IE6都快些升级到IE9.
分享到:
相关推荐
a标签float在IE等浏览器下换行的情况想必大家都有遇到过吧,解决方法很简单,就是把a标签放在文本前面,下面是具体的示例,需要的朋友了解下
次的情况与上次不同,上次直接将浮动的元素移到不浮动的元素之前就可以解决问题,而这次的float:right 时元素换行错位的情况,在下文也给出了不错的解决方法
第二种解决办法:给右边也加上FLOAT:RIGHT 浮动不正常的(不在同一行,换行了,仅仅因为多了一个&nbsp;,从而导致整个排版混乱): 浮动正常的1:(第一种解决办法:去掉&nbsp;) 浮动正常的2:(第二...
主要介绍了css float left布局换行不正常问题的解决的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
我将介绍的是IE6浮动换行bug解决办法之一 虽然不是最好的办法但是 比较实用简单的办法 看代码: 复制代码代码如下: .main { clear: both; height: auto; margin: 0 auto; overflow: hidden; width: 980px; } ....
如果前面几个元素没有设置浮动,而给最后的元素设置为float:right,则被设置为浮动的这个元素会出现在下一行,针对这个问题,下文给出详细的解决方法,感兴趣的朋友不要错过
16位转浮点型float,MODBUS 32位转浮点型float 64位转双浮点型double
将浮点数转ASCII码,已测试,可正常使用。
float字节序高低位转换.txt
将4字节转float类型和将float型转4字节
16进制转成float 或double类型数据的一个小工具。
字节位数和float型转换小工具,可实现双向转换,占容小,速度快捷
十六进制转十进制,十进制转十六进制,十六进制转float,十六进制转double
16进制转float,float转16进制的c语言代码,用的机器内自转
python float 与 4byte 互转 给出了示例 浮点数与4字节互转
IE7修正了IE6中的一个bug,bug名字就叫做“3像素bug”,即文字溢出bug. 表现形式是ie6浏览器下文字或者图片溢出,莫名其妙的自动复制几个字符。如下图,就自动溢出了一个“下一页”。 二、3像素bug是怎么产生的?...