塊級元素的列表在IE6中被拆分

Question

我正在嘗試使用固定的寬度和高度塊級元素製作一個表格式的日曆頁面。有一個外部容器，它設置寬度，單元格通過float：left對齊。它在每個瀏覽器都能很好地工作，IE6除外，其中列表在第29個元素之後被分割。

如果我讓外部容器更寬一點（至少3個像素），問題在IE6中得到修復。由於元素寬度超過3個像素，因此不會改變頁面的外觀。但我真的不明白爲什麼會發生這種情況，我該怎麼辦才能使它發生。

我試過IE7.js，但沒有幫助。

我知道IE6是這樣一個有問題的舊瀏覽器，但雖然我的網站很簡單，但我更喜歡讓它們與IE6兼容。

link to the page in question

Answer 1

您可以通過添加這的style.css底部修復：

/* IE6 hack */ 
* html #naptar-list a, * html #naptar-list div { 
    width: 77px 
} 

這是通過使用Star HTML hack喂到只有IE6聲明width: 77px（1px小於實際寬度），在我的測試中，解決了這個問題：我不完全確定爲什麼。