热门遇到的CSS错误/问题

Question

请列出您遇到的CSS错误/问题以及解决方法或解决问题的网站链接。

请投票决定您认为人们最常遇到的错误。

谢谢！

Answer 1

Internet Explorer box model bug。

Answer 2

Double Margin Bug（＆lt; IE7）

Answer 3

IE6不支持min-height。

您可以使用条件注释来设置高度，IE6将其视为最小高度。

或者您可以使用CSS中的子选择器（IE6无法读取）恢复高度：自动除了IE6以外的所有内容。

.myDiv {
height: 100px;
min-height: 100px;
}

.parentElement > .myDiv {
height: auto;
}

使用这样的技术可能会有问题，但所有流行的现代浏览器都以这样一种有效的方式工作。

Answer 4

您将遇到的几乎所有HTML / CSS错误都将出现在Internet Explorer中。 IE6有很多，IE7少一点，IE8少一些。

拥有合适的doctype是必须的。没有它，页面将以怪癖模式呈现，尤其是对于糟糕的IE。它使用box model bug和所有内容，或多或少地呈现页面，就像IE5一样。

以下是一些常见的IE错误：

• 使每个元素的内容至少包含一个字符。 （可以使用溢出来修复。）

• 扩展每个元素以包含它的子元素，即使它是浮动元素。 （可以使用溢出来修复。）

• 未定位但具有布局的元素会获得z-index，尽管它们不应该。 （可以通过定位并为其指定特定的z-index来修复，并对需要它的同一级别的所有元素执行相同的操作。）

• 边距未正确折叠。 （如果可能，请使用填充。）

• 消失浮动元素。 （给他们一个特定的尺寸。）

• lots more...（包括修正建议）

对于大多数错误，最稳定的修复方法是重新排列布局以避免它们，或指定更严格的样式（例如特定大小）。

Answer 5

为IE6粉笔另一个： DropDownList and DIV overlapping problem，屏幕截图。文章中提到了iframe修复程序。我不确定是否存在在所有浏览器中都存在一致错误行为的CSS错误。

Answer 6

这里有一个列出所有IE已知错误的链接以及如何解决它： PositionsEverything.net

Answer 7

有传言说IE8不允许您使用text-align: center;来居中元素，只允许元素本身内部的文本。相反，您必须使用margin: 0 auto;。如果事实确实如此，几乎所有的互联网都会崩溃。