html - HTML 溢出-y

Question

我有一个关于 100% 高度 div 和溢出的问题，除了 Chrome 之外，所有浏览器都不能正常工作...

这是我的测试页面：http ://braido86.no-ip.com/playground/ui/

我在 Chrome 中一切正常，然后我在其他浏览器中进行测试，却发现滚动条没有显示，并且 div 超出了浏览器的边界。我已经用 Opera、Firefox 和 IE 进行了测试。我花了很多时间玩这个并在谷歌上搜索答案。

我是否缺少在其他浏览器中进行这项工作的东西，或者我只是幸运地让它在 Chrome 中工作？任何建议/帮助将不胜感激。

Answer 1

Overflow-y 是一项新功能，它可能不适用于所有浏览器。用户溢出更安全：auto。当然 overflow: auto 会添加水平和垂直滚动条，所以你需要确保你的内部内容是窄的——例如：

<div style="overflow: auto; width: 350px; height: 400px">
  <div style="width: 300px; height: 2000px"> Content goes HERE
  </div>
</div>

并且要模拟溢出-x，您可以使用它：

<div style="overflow: auto; width: 350px; height: 400px">
  <div style="width: 3000px; height: 350px"> Content goes HERE
  </div>
</div>