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

【问题标题】：Css: min-height interpreted as height (iPhone webapp)Css：min-height 解释为高度（iPhone webapp）
【发布时间】：2012-05-22 00:04:20
【问题描述】：

我基于 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;
}

在每个滑动 obj 上添加的类

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

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

【问题讨论】：

标签： html css iphone-web-app

【解决方案1】：

您的“content2”div 上的overflow: hidden 在这里发生冲突。设置这意味着容器可以溢出，所以它确实如此。（删除 min-height 将显示它的高度为 0 像素。）

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

【讨论】：

感谢@Johno 的快速回复。但是，这不会完全做到。删除溢出：隐藏意味着页面将显示垂直和水平滚动条。如果我将 overflow-x: 设置为隐藏。一个垂直的滚动条将出现在右上角，它强调了这样一个事实，即这并没有解决实际问题，而只是改进了它。