解决ie6、ie7下float为right换行的情况

2018-06-24 01:25:19来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

IE6下有不少奇怪的Bug,今天就碰到一个,float:right换行bug,情况是并列的几个块级元素如div和span,一些设置了左浮动一些设置右浮动,一行的宽度足够放下所有的块级元素,但此时ie6则显示右浮动的其中一块换行了,下面给出实例和解决方法:
实例说明下:html结构如下
<div>
<span class="left">左边</span>
<span class="center">中间</span>
<span class="right">右边</span>
</div>.left和.center都没有 float 属性,然后在FireFox,google chrome及IE7、IE8等浏览器下都正常显示,可在Internet Explorer 6 下有bug:本来排一行的左边+中间+右边,可右边淘气的跳到了下一行。
 
解决方案:
 
不用修改css什么的,只要把float的模块放到非float的前面即可。
 
上面的html结构重排下序:
 
<div><span class="right">右边</span> <span class="left">左边</span> <span class="center">中间</span> </div>
 
原文地址:http://blog.sina.com.cn/s/blog_6ad6243801012q65.html

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:关于CSS重要知识点(1)

下一篇:HTML入门