1

基于 iWebKit 的 framework 构建了一个 iPhone webb 应用程序。我目前正在集成一个 CSS div 滑块来改进页面(div)之间的导航,除了一件事之外,一切都很好。

似乎我应该为包含滑动对象的 div 设置一个固定的高度值。这些对象将包含相当多的内容并且尺寸谨慎,因此默认情况下 div/页面必须垂直扩展。出于某种原因,浏览器似乎将 min-height 解释为高度,并且没有扩展 div 以显示所有内容。我意识到某处可能有一个小错误,我忘记添加或删除。请通过为我指出这些来帮助我。谢谢

包含幻灯片的包装器:

#contentWrapper {
float: left;
min-height:305px;
position: relative;
margin:0px;
padding-bottom:0px;
display:block !important;
}

在每个滑动 obj 上添加的类

.additional-block {
height:auto;
position: absolute;
padding-bottom:30px;
display:block !important;
}

现场演示: http ://utvecklingspunkten.se/heightIssue.php 点击“点击”查看实际出现的问题;文本在 305 像素以下被截断。该问题出现在所有浏览器中,包括 iPhone 版 Safari。

4

1 回答 1

0

这是overflow: hidden您的“content2” div 上的冲突。设置这意味着容器可以溢出,所以它确实如此。(删除 min-height 会告诉你,否则它会是 0 像素高。)

删除溢出设置会产生我认为你想要的效果。

于 2012-05-21T16:04:20.163 回答