overflow:hidden 在 div 上无法正常工作 - iOS
overflow:hidden on a div not working properly - iOS
截至目前,我 运行 在 iOS 设备上测试网站时遇到了问题。 DIV 元素似乎没有很好地承载其 overflow:hidden 属性。或者根本没有,真的。
网站的布局应该是这样的(使用溢出设置):
这是 iOS 设备上的布局:
我尝试了很多东西,比如编辑 正文 和 html css 溢出 and/or 位置属性,在 body 标签周围添加一个包装器以及我在谷歌搜索时遇到的更多 'mainstream' 解决方案。 None 工作了,很遗憾。
无法在 iOS 上正常工作的项目的 CSS 是这样的:
width: 94.4%;
height: 400px;
overflow: hidden;
position: relative;
margin: 0px;
display: inline-block;
box-sizing: border-box;
我怎么知道(或至少认为)它是溢出?一旦我通过检查元素在浏览器中将其关闭,问题就发生了。
有没有人可以让我对这个问题有所了解?
如果您需要更多信息,我很乐意提供。
正如 Demnogonis 在对我的原文 post 的评论中所建议的,我添加了
vertical-align: top
现在布局已固定在 iOS 台设备上。
截至目前,我 运行 在 iOS 设备上测试网站时遇到了问题。 DIV 元素似乎没有很好地承载其 overflow:hidden 属性。或者根本没有,真的。
网站的布局应该是这样的(使用溢出设置):
这是 iOS 设备上的布局:
我尝试了很多东西,比如编辑 正文 和 html css 溢出 and/or 位置属性,在 body 标签周围添加一个包装器以及我在谷歌搜索时遇到的更多 'mainstream' 解决方案。 None 工作了,很遗憾。
无法在 iOS 上正常工作的项目的 CSS 是这样的:
width: 94.4%;
height: 400px;
overflow: hidden;
position: relative;
margin: 0px;
display: inline-block;
box-sizing: border-box;
我怎么知道(或至少认为)它是溢出?一旦我通过检查元素在浏览器中将其关闭,问题就发生了。
有没有人可以让我对这个问题有所了解? 如果您需要更多信息,我很乐意提供。
正如 Demnogonis 在对我的原文 post 的评论中所建议的,我添加了
vertical-align: top
现在布局已固定在 iOS 台设备上。