2016-12-07 64 views
0

截至目前我遇到了一个问题,当涉及到在iOS设备上测试网站。这似乎是一个DIV元素不承载其溢出:隐藏属性不错。或者说,真的。溢出:隐藏在一个div无法正常工作 - iOS

这是该网站的布局应该是什么(与溢流设定工作):

overflow:hidden working as it should

这是布局是什么样的iOS设备上:

overflow:hidden not working is it should

我试过很多东西,比如编辑机体html css溢出和/或po sition特性,并在机身标签上添加了一个包装,以及Google搜索时遇到的更多“主流”解决方案。悲伤地没有工作。

对工作不正常iOS上项目的CSS是这样的:

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

你怎么知道(或至少觉得)它的溢出?只要我通过检查元素在浏览器中关闭它,问题就会发生。

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

+2

尝试在您的CSS中添加'vertical-align:top'。这可能会解决它。 – Demnogonis

+0

需要你所有的HTML和CSS,不可能在没有它的情况下计算出发生了什么 –

+0

@JamesKing这个项目的HTML和CSS的数量是巨大的:我可以向你保证它不适合评论:) – Zubaja

回答

1

至于Demnogonis在我原来的信息的评论中建议,我加

vertical-align: top 

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