在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来实现的，在我的测试中，这解决了这个问题:我不完全确定原因。