html - Css:最小高度解释为高度(iPhone webapp)

Question

我正在构建一个基于 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。

Answer 1

此处冲突的是“content2”div 上的overflow: hidden。设置这意味着容器可以溢出，所以它确实如此。 (删除最小高度将显示否则高度为 0 像素。)

去掉溢出设置会有我想你想要的效果。