CSS定位，div的隐藏部分答案

【问题标题】：CSS positioning, hidden part of divCSS定位，div的隐藏部分
【发布时间】：2014-10-27 22:02:00
【问题描述】：

我对 css 定位有疑问。我想在我的平板设备上显示与我的 PC 上相同的网页。在 PC 上，我使用的是 Chrome 网络浏览器，一切正常，但是当我尝试在平板设备上的 Safari 网络浏览器上显示相同的内容时，我得到的结果与附加屏幕上的结果相同（我的 div 的一部分内容被外部元素隐藏）。这种行为的原因是什么？有任何想法吗？ DIV ELEMENT 的 CSS 是：

position: fixed; max-height: 300px; width:200px; overflow:auto; z-index: 100000

附上情况： http://imgur.com/dSueHvV

【问题讨论】：

标签： css web styles positioning

【解决方案1】：

将其从 overflow: auto 更改为 overflow: visible 应该可以解决问题。

【讨论】：

【解决方案2】：

感谢 Josh 的回答，但它并没有解决我的问题。它是由以下原因引起的：

-webkit-overflow-scrolling: touch;

我所有的 div 都有这个全局设置，这导致了移动设备上的这种奇怪行为。我们可以阅读，那就是原生风格的滚动。指定此样式具有创建堆叠上下文的效果（如不透明度、蒙版和变换）。

【讨论】：