我在一个 div 中有三个其他子 div,一个放在另一个之上。第三个是 JqueryMobile listview,它需要 overflow-y: scroll
才能使 listview 可滚动,而无需滚动所有页面。< br/>
问题是,如果我将 listview 的 height
设置为 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/