Chrome 45 和 Edge 中的 CSS 溢出答案

【问题标题】：CSS Overflow in Chrome 45 and EdgeChrome 45 和 Edge 中的 CSS 溢出
【发布时间】：2018-11-05 19:26:00
【问题描述】：

在 MS Edge 和 Chrome 45 中，在我网站的一个 DIV 上使用 overflow:auto 会隐藏所有内容。我可以通过切换到溢出来解决这个问题：可见。但是为什么这两个浏览器的渲染不同，我怎样才能避免我的 CSS 中的问题呢？

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

【问题讨论】：

当您没有发布任何代码时，我们应该如何判断？
对不起，这是一个例子：<div style="overflow:auto;"> <iframe src="mysite.html" style="overflow:scroll;width:100%;height:500px;"> </iframe> </div>
@carston1998 请分享显示问题的演示链接。您可以使用jsfiddle.net 或类似网站快速站起来。
cmets 中的示例似乎在 Edge 中运行良好。

【解决方案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（搜索引擎优化）并尝试让您的网站在尽可能多的浏览器上运行。

【讨论】：