jquery - CSS: div with height:100% 被他兄弟的div压低了

标签 jquery html css jquery-mobile

我在一个 div 中有三个其他子 div,一个放在另一个之上。第三个是 JqueryMobile listview,它需要 overflow-y: scroll 才能使 listview 可滚动,而无需滚动所有页面。< br/> 问题是,如果我将 listviewheight 设置为 100%,这会在不计算的情况下将其高度设置为与父级相同还有另外两个 div 占用了空间,因此它会超出页面的限制,因此不会显示某些行。

如何告诉 listview 在不溢出页面的情况下填充父级?

==编辑==

这是 fiddle http://jsfiddle.net/q4Mwz/3/
如您所见,div ListView 的高度设置为 100%,您看不到最后一个 li“Last Element”,因为它们已经溢出页面

最佳答案

如果您希望两个 div 位于 div.listview 附近,并且您希望它们共同填充父级 div.noscroll 的高度>,然后自然地给 div.listview 一个 100% 的高度将会溢出父级。

如果您想要的是让 div.listview 填充父级高度的 rest,一个解决方案是给前两个 div 的高度为 10%,然后将 div.listview 的高度设置为 80%。

关于jquery - CSS: div with height:100% 被他兄弟的div压低了,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25095925/

相关文章:

php - 如何通过单击按钮自动发送电子邮件?

javascript - 你能修复一个 div 并让它在你使用 CSS3 滚动时改变不透明度、大小和位置吗

javascript - 如何从与当前 TD 具有相同索引的下一行获取 TD

javascript - 如何从 element.style 中删除多个 css 样式

jquery - 具有绝对位置的 Bootstrap 工具提示

javascript - 重叠选项卡/下拉 div - 链接不起作用 - CSS 或 JS 问题?

php - 使用 AJAX 和 PHP 将 jQuery Mobile 元素添加到页面后刷新它们

javascript - 尝试在链接点击时使用ajax在后台打开一个php文件

php - 简单的 PHP 嵌入到一些非常简单的 HTML 中

c++ - 如何使用 C++ 从网页中获取文本?