博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
IE6下 float:right 后换行的问题
阅读量:5998 次
发布时间:2019-06-20

本文共 771 字,大约阅读时间需要 2 分钟。

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:本来排一行的左边+中间+右边,可右边淘气的跳到了下一行。 
解决方案: 
1.不用修改css什么的,只要把float的模块放到非float的前面即可。 
上面的html结构重排下序: 
<div><span style="float: right" class="right">右边</span> <span class="left">左边</span> <span class="center">中间</span> </div>
     优点:不用谢多余的代码。
     缺点:破坏语意
 2.绝对定位。
     优点:不破坏语义。
     缺点:代码量加大。
 3.给他们都添加浮动。
     优点:同上。
     缺点:会引起其他bug等
 4.添加hack。_margin-top:XXXXpx;
     优点:同上。
     缺点:使用了hack。

转载于:https://www.cnblogs.com/blosaa/archive/2012/12/10/2810811.html

你可能感兴趣的文章
0423-mysql插入语句大全
查看>>
OC基础(一)——从C开始初步了解OC
查看>>
【编程珠玑】代码优化的27条经典法则
查看>>
php 和 nginx 的几个超时时间
查看>>
声音数字化及调音基本原理-学习资料汇总
查看>>
字符串的相同比较
查看>>
iOS 使用AFN put请求 参数要求以JSON格式
查看>>
5章 RxJava背压策略
查看>>
搭建以太坊私链环境(Windows)
查看>>
计算机组成与体系结构------磁盘调度
查看>>
SpringCloud项目接入Jaeger(下)
查看>>
双网卡绑定
查看>>
win7 X64可用的单文件IE6
查看>>
欧式距离与余弦相似度
查看>>
jenkins安装与使用
查看>>
Nginx负载均衡配置
查看>>
FilenameUtils工具类
查看>>
数据结构及算法基础--树(Tree)(一)基础详解
查看>>
全国新生赛——————————1001————————————————
查看>>
git 本地与远程关联流程
查看>>