一、以下是引發此bug的條件：
必要條件：
li的子元素設定了浮動（例如：本例中的a設定了左浮動）
充要條件：
(ie6/7)li設定了width、height、zoom 之一 （例如：本文中的li設定了width）
(僅ie7)li設定了padding-top、padding-bottom、margin-top、margin-bottom 之一
解決方案：
方案一li設定clear:left|both，這時 li不能設定width、height、zoom。
方案二li設定float:left，這時.hotel_rank .rank_ul li可以設定width、height、zoom。
方案三給li中的a設定vertical-align:top|middle|bottom
來自：[url]
二、原因：
這個bug產生的充要條件是li的子元素浮動並且li設定了以下css屬性之一：width、height、zoom、padding-top、padding-bottom、margin-top、margin-bottom
解決方法：
ie6/ie7的這個bug可以通過給li中的div設定vertical-align:top|middle|bottom解決。只要加上vertical-align的值是三者之一即可
IE6,7下的那些坑
lang en charset utf 8 title type text css warp box style head class warp class box div div body html 在ie6 ie7,ie8,chrome,firefox顯示效果 當使box元素為浮動元素時 box...
IE6 7下如何實現inline block
ie6，ie7的haslayout屬性是個讓人頭疼的問題。在做導航條的時候，一般會用到ul li結構，大多數時候我們是把li設定為浮動，讓其併排顯示在同一行。還有一種方法就是設定li為display inline 這樣可以達到同樣的效果，但是問題是inline元素的特性 預設無法設定寬度，高度，以及...
css相容問題 ie6,7
h5標籤相容 元素浮動之後能設定寬度的話就給元素加寬度，如果需要元素寬度是內容撐開，就給他裡面的塊元素加上浮動 第一塊加浮動，第二塊加margin等於第一塊元素在ie6下會有間隙問題 ie6下子元素超出父級寬高，會吧父級的寬高撐開 p td h包含塊元素的巢狀規則 margin相容問題 displa...