Float与兼容性


这里,关于右浮动带来的ie7兼容问题的解决方法
①不改变dom,给“左侧”套上元素标签,并左浮动,形成左右浮动
<div>
<span style="float: left">左侧</span>
<span style="float: right">右侧</span>
</div>
②改变dom位置,也就是将右浮动的元素放到前面:
<div>
<span style="float: right">右侧</span>
左侧
</div>
让IE7飙泪的浮动问题
含clear的浮动元素包裹不正确的问题
浮动元素倒数2个莫名垂直间距问题
浮动元素最后一个字符重复问题
浮动元素楼梯排列问题
浮动元素和文本不在同一行的问题(解决:左侧左浮动,右侧右浮动)
ie8+正常显示
IE7浮动元素与文本不在同一行显示
IE8+正常显示
IE7浏览器的楼梯排列问题
IE8的正常显示
IE7浮动元素最后一个元素重复问题
IE8浏览器
IE7垂直间距问题
IE8的显示
IE7包裹不正确的问题
浮动搭配IE的兼容问题与解决:
合理运用浮动。。吐血

IE7浮动兼容性问题
IE7与IE8的显示效果不一样
IE7不知道还用不用,