Css：min-height解释为高度（iPhone webapp）

Question

我基于iWebKit的框架构建了一个 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;
}

每个滑动对象上添加的类

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

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

Answer 1

你的“content2”div上的overflow: hidden在这里有冲突。设置意味着容器可以溢出，所以它会溢出。 （删除最小高度将显示它将为0像素高。）

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