解决ie6、ie7下float为right换行的情况
来源:互联网 发布:北京交通大学知行 编辑:程序博客网 时间:2024/06/05 11:21
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>
- 解决ie6、ie7下float为right换行的情况
- 解决ie6、ie7下float为right换行的情况
- 解决ie6、ie7下float为right换行的情况
- 解决ie6、ie7、ie8下float为right换行的情况
- IE6,IE7下 float:right 后换行的问题
- IE6/IE7下float:right的导致元素换行显示
- 解决IE6下float right 换行bug方案
- IE6下 float:right 后换行的问题
- IE6下 float:right 后换行的问题
- IE6/7下float: right 换行的BUG修改
- 在IE下换行显示float:right的解决技巧
- 【CSS笔记之五】IE6/IE7/IE8下float:right的异常及其解决方法
- IE7 float:right 时元素换行 的bug解决方法
- IE7 float:right 时元素换行 的bug解决办法
- ie6 span 换行IE6中float:right换行问题的替代解决方案
- ie6 span 换行IE6中float:right换行问题的替代解决方案
- ie6 span 换行解决span float:right不能右对齐而是换行显示
- ie6 span 换行解决span float:right不能右对齐而是换行显示
- 区分innerHeight与clientHeight、innerWidth与clientWidth、scrollLeft与pageXOffset等属性
- 我要一个新的开始
- CSS3属性之二:box-shadow
- IE6/IE7下:inline-block解决方案
- 成绩统计(顺序线性表)
- 解决ie6、ie7下float为right换行的情况
- CSS - firefox与IE透明度(opacity)设置区别
- Node.js教程
- CentOS 安装中文语言包以及输入法
- centos 下安装 node.js
- linux 下的快捷键(RHEL/CentOS)
- /etc/profile
- centos 安装 jdk1.7
- mongodb 在linu下配置