本文探讨了IE7浏览器中float布局的一个特殊问题，即当一行内包含float:left和float:right元素，并且两者间存在纯文本时，IE7会出现布局异常的情况。文章提供了两种解决方案：一种是将纯文本用span等元素包裹并设置float属性；另一种是调整HTML结构，将float:right元素置于文本之前。
众所周知的IE7是个前端的坑，这次又遇到了一个和float相关的，比较偏门的问题。
简单的说，就是一行内需要一个float:left的元素和一个float:right的元素，中间写上没有被任何html标志包裹的文本。
效果如下（IE8-10, Chrome, FireFox）：
然后在IE7下，则很不客气的变成这这幅模样：
其实，这是因为文字上没有float属性而把right挤下去了。
解决办法有2个，
一是用span或者div或者随便什么把文字包裹起来加上float属性，就可以了。
二是把float:right的模块在html里写在text前面。
扫一扫
355
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
