溢出css属性浏览器解释差异

Question

我只是剥了一个网站，发现溢出：可见从Firefox到IE呈现两种完全不同的东西。

Firefox只显示容器外的所有内容......如下所示：

 --------------------------------
 | div style="overflow:visible" |
 --------------------------------
  //overflow content from the div above

但IE扩展容器以适应溢出......就像这样：

 -----------------------------------------
 | div style="overflow:visible"          |
 | //overflow content from the div above |
 -----------------------------------------

任何人都知道为什么IE会以不同的方式显示它，以及如何让它们以与Firefox相同的方式呈现？

谢谢，
马特

Answer 1

你没有这么说，但我会假设你已经在这里应用了一个固定的高度，因为我无法想到任何其他方式来达到这个效果。

这里的问题不是溢出，而是高度。不幸的是，IE将高度视为最小高度，因此如果你允许它，它会扩展文本框（例如，溢出：可见）。

在Firefox中获取IE效果是微不足道的 - 你可以只应用min-height而不是height，但我不相信有一种方法可以直接在IE中重现Firefox效果：它不是那么灵活。 然而，我可以设想一种欺骗效果的方法，如果它是纯粹的图形，通过使用带有repeat-x的背景图像来画一条你可能想要它的线。如果你没有考虑插入额外的标记，那就永远不会好。