谁能想出这个 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 中的问题。但是,您的身高似乎仍有问题。如果需要,请随时提出另一个问题。
好吧,这让我完全难住了,已经尝试修复好几天了,但无济于事。
我已经使用 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 中的问题。但是,您的身高似乎仍有问题。如果需要,请随时提出另一个问题。