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

Question

我只是在给一个网站做皮肤，发现从 Firefox 到 IE，overflow:visible 呈现了两种完全不同的东西。

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 的背景图像，仅在您可能想要的位置绘制一条线。如果您可能正在考虑插入额外的标记，那就不好了。