如何解決IE6/IE7中l(wèi)i底部4px空隙的Bug，很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。
當li的子元素中有浮動（float）時，IE6/IE7中
代碼如下:
經過測試發(fā)現(xiàn)：li的子元素浮動是這個bug產生的必要條件，這個bug產生的充要條件是li的子元素浮動并且li設置了以下CSS屬性之一：width、height、zoom、padding-top、padding-bottom、margin-top、margin-bottom。
知道了這個bug的產生條件，所以解決方法也就有了：
方法1
#list div設置clear:left|both，這時#list li不能設置width、height、zoom。
方法2
#list li設置float:left，這時#list li可以設置width、height、zoom。
#list li設置clear:left|both，這時#list li不能設置width、height、zoom。
方法3
IE6/IE7的這個Bug可以通過給li中的div設置vertical-align:top|middle|bottom解決。太怪異了，只要加上vertical-align的值是三者之一即可。
代碼如下:
看完上述內容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對創(chuàng)新互聯(lián)網站建設公司，的支持。
重慶分公司
重慶分公司
