Chrome 45 和 Edge 中的 CSS 溢出

Question

在 MS Edge 和 Chrome 45 中，在我网站的一个 DIV 上使用 overflow:auto 会隐藏所有内容。我可以通过切换到 overflow:visible 来解决这个问题。但是，为什么这两种浏览器呈现不同，我该如何避免我的 CSS 中的问题？

<div style="overflow:auto;">
  <iframe src="mysite.html" style="overflow:scroll;width:100%;height:500px;"></iframe>
</div>

Answer 1

<div style="overflow:auto;">
  <iframe src="http://www.stackoverflow.com" style="overflow:scroll;width:100%;height:500px;"></iframe>
</div>

问题在于每个浏览器都不同:Edge 来自 Microsoft，而 Chrome 来自 Google。他们的工作方式不同，因为他们来自不同的公司。您应该了解 SEO(搜索引擎优化)并尝试让您的网站在尽可能多的浏览器上运行。