谁能想出这个 CSS 身高怪癖

Can anyone one figure this out CSS height quirk

好吧,这让我完全难住了,已经尝试修复好几天了,但无济于事。

我已经使用 cbpFWTabs.js 拆分了我的内容。

然而,它似乎表现得很奇怪,因为它忽略了我的高度参数并将 div 设置为内容大小。

停止这种情况的唯一方法是设置固定高度,但我希望 div 动态调整大小以填充屏幕的其余部分并在超过 content-wrap 时显示滚动条div(保持菜单栏固定)。

我已经检查了所有 parents,它似乎对我尝试的任何事情都没有反应:(

这里的例子: http://numerco.com/wp-content/uploads/NUA/scratch.html

我确定我错过了一些微不足道的事情,但它让我发疯。

谢谢!

只要元素上有 height: 100%,就意味着它将继承其 parent 的高度。

因此,您需要做的第一件事是在 .container 上设置 height: 100%,使其高度占据 body 的全部高度。

然后,在 .container > section 上设置 height: 100%。然后,children 知道拉伸到正确的高度(已从 body 向下传播)。

这应该可以解决您 OP 中的问题。但是,您的身高似乎仍有问题。如果需要,请随时提出另一个问题。