HTML溢出-y

Question

我有一个问题，100％高度div和溢出y在所有浏览器中都不能正常工作但Chrome ...

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

我在Chrome中运行得非常好，然后我在其他浏览器中进行测试，结果却发现滚动条没有显示，而div正在超越浏览器边界。我已经使用Opera，Firefox和IE进行了测试。我花了很多时间玩这个并用谷歌搜索答案。

我是否缺少在其他浏览器中使用此工作的东西，或者我很幸运能够在Chrome中使用它？任何建议/帮助将不胜感激。

Answer 1

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

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

要模拟overflow-x，你可以使用它：

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