我正在构建一个基于 iWebKit 框架的 iPhone webb 应用。我目前正在集成一个 CSS div slider 来改进页面 (div) 之间的导航,除一件事外一切正常。
看起来好像我应该为包含滑动对象的 div 设置一个固定的高度值。这些对象将包含相当多的内容并且大小不一,因此默认情况下 div/页面必须垂直扩展。出于某种原因,浏览器似乎将 min-height 解释为高度并且没有扩展 div 以显示所有内容。我意识到某处可能有一个小错误,我忘记添加了或删除。请帮我指出这些。谢谢
包含幻灯片的包装器:
#contentWrapper {
float: left;
min-height:305px;
position: relative;
margin:0px;
padding-bottom:0px;
display:block !important;
}
在每个滑动对象上添加类
.additional-block {
height:auto;
position: absolute;
padding-bottom:30px;
display:block !important;
}
现场演示: http://utvecklingspunkten.se/heightIssue.php 单击“单击”以查看出现的实际问题;文本在 305 像素以下被截断。该问题出现在所有浏览器中,包括适用于 iPhone 的 Safari。
最佳答案
此处冲突的是“content2”div 上的overflow: hidden
。设置这意味着容器可以溢出,所以它确实如此。 (删除最小高度将显示否则高度为 0 像素。)
去掉溢出设置会有我想你想要的效果。
关于html - Css:最小高度解释为高度(iPhone webapp),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10688584/