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

标签 html css iphone-web-app

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

相关文章:

javascript - 按下提交按钮后隐藏 div - 不起作用

网络应用程序的 iPhone 推送通知?

html - iOS 网络应用程序中的 Facebook/Google+/Twitter 共享功能

c# - 如何判断您的页面是否在 .Net 中的 iFrame 中运行?

html - 使容器 div 用粘性页脚填充所有布局

jquery - onfocus 从文本区域中删除文本

javascript - javascript可以从一个类中剪出一个特殊的部分,然后在任何其他地方使用吗?

css - 响应式图片不适合手机屏幕

html - 绝对元素在相对元素中的 z-index

javascript - 使用 JavaScript 从 iPhone 网络应用程序打开外部页面?