[心缘地方]同学录
首页 | 功能说明 | 站长通知 | 最近更新 | 编码查看转换 | 代码下载 | 常见问题及讨论 | 《深入解析ASP核心技术》 | 王小鸭自动发工资条VBA版
登录系统:用户名: 密码: 如果要讨论问题，请先注册。

[转帖]IE7时，float:right 时元素换行的bug解决办法

上一篇:[备忘]jquery设置checkbox为checked，但是实际状态不改变的解决办法
下一篇:[备忘]360浏览器，通过meta控制渲染引擎。
添加日期：2015/6/11 17:59:03 快速返回   返回列表 阅读2421次
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>
 

评论 COMMENTS
没有评论 No Comments.

添加评论 Add new comment.
昵称 Name:
评论内容 Comment:
验证码（不区分大小写）
Validation Code:
(not case sensitive)		 看不清？点这里换一张！(Change it here!)
 
评论由管理员查看后才能显示。the comment will be showed after it is checked by admin.
CopyRight © 心缘地方 2005-2999. All Rights Reserved