元素浮動后display變為，ie6-7下的li內有浮動元素后導致多出了4px的高度的bug

沒有仔細的去看原因。稍微搜索了一下，找到了解決方法。哎，知道就行了，樣式bug這個東西，深入研究也研究不出啥來。記住就行了

<style type="text/css">
body{margin:0,padding:0;}
ul{height:56px;background:#f1f;}
li{overflow:hidden;list-style:none;height:28px;width:100px;background:#22f;}
div{height:28px;float:left;}
</style><ul><li class="l1"><div></div></li><li></li>
</ul>

元素浮動后display變為、代碼如上。

簡單的ul，li。現在第一個li里放一個div，然后浮動一下div，li之間就有間隔了。
ie8兼容模式以及ie7的情況是li之間多了條空隙。這樣li就超出ul了
ie6的情況是，li中間多了條空隙，但是li的高度也同時變小了，然后總li還是在ul里面

?

具體原因未知；解決辦法，
1 給li加上 vertical-algin:middle;
2 或者給li加上浮動。然后再清除。加浮動這個好理解。浮動之后，就不管原來的布局了。就按照浮動流來了。但是這樣覺得有些動大了。