ios - 溢出:隐藏在无法正常工作的 div 上 - iOS

Question

到目前为止，在 iOS 设备上测试网站时我遇到了一个问题。 DIV 元素似乎没有很好地承载其 overflow:hidden 属性。或者根本没有，真的。

网站的布局应该是这样的(溢出设置有效):

这是 iOS 设备上的布局:

我已经尝试了很多东西，例如编辑 body 和 html css 溢出和/或位置属性，在 body 标签和我在谷歌搜索时遇到的更多“主流”解决方案。可悲的是，没有一个工作。

在 iOS 上无法正常工作的元素的 CSS 是这样的:

width: 94.4%;
height: 400px;
overflow: hidden;
position: relative;
margin: 0px;
display: inline-block;
box-sizing: border-box;

我怎么知道(或至少认为)它是溢出？一旦我通过检查元素在浏览器中将其关闭，问题就会发生。

有没有人可以让我对这个问题有所了解？如果您需要更多信息，我很乐意提供。

Answer 1

正如 Demnogonis 在对我的原始帖子的评论中所建议的那样，我添加了

vertical-align: top

现在布局在 iOS 设备上是固定的。