gpt4 book ai didi

css - block 级元素列表在 IE6 中被拆分

转载 作者:太空宇宙 更新时间:2023-11-04 16:28:39 24 4
gpt4 key购买 nike

我正在尝试制作一个类似表格的日历页面,使用固定宽度和高度的 block 级元素。有一个外部容器,它设置宽度,单元格通过 float: left 对齐。它适用于所有浏览器,但在 IE6 中除外,在 IE6 中,列表在第 29 个元素之后被拆分。

如果我使外部容器更宽一点(至少增加 3 个像素),问题将在 IE6 中得到解决。因为元素的宽度超过 3 个像素,所以它不会改变页面的外观。但我真的不明白为什么会这样,我应该怎么做才能不让它发生。

我试过 IE7.js,但没用。

我知道 IE6 是一个有问题的旧浏览器,但虽然我的网站很简单,但我更喜欢让它们与 IE6 兼容。

link to the page in question

image of the bug

最佳答案

您可以通过将其添加到 style.css 的底部来修复它:

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

这是通过使用 Star HTML hack 来实现的仅向 IE6 提供声明 width: 77px(1px 小于实际宽度),这在我的测试中解决了问题:我不完全确定为什么。

关于css - block 级元素列表在 IE6 中被拆分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5088039/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com