好吧,这让我完全难住了,已经尝试修复好几天了,但无济于事。
我已经使用 cbpFWTabs.js 来拆分我的内容。
然而,它似乎表现得很奇怪,因为它忽略了我的高度参数并将 div 设置为内容大小。
阻止这种情况的唯一方法是设置固定高度,但我希望 div 动态调整大小以填充屏幕的其余部分,并在它超过 content-wrap div(保持菜单栏固定)时显示滚动条。
我已经检查了所有的 parent ,它似乎对我尝试的任何事情都没有反应:(
这里的例子: http://numerco.com/wp-content/uploads/NUA/scratch.html
我确定它是我错过的一些微不足道的东西,但它让我发疯。
谢谢!
最佳答案
只要你在一个元素上设置了height: 100%
,就意味着它会继承其父元素的高度。
因此,您需要做的第一件事是在 .container
上设置 height: 100%
,使其高度占据 的整个高度正文
。
然后,在.container>部分
设置height: 100%
。然后, children 知道拉伸(stretch)到正确的高度(已从 body
向下传播)。
这应该可以解决您 OP 中的问题。但是,您的高度似乎仍有问题。如果需要,请随时提出另一个问题。
关于css - 任何人都可以解决这个 CSS 高度怪癖,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39780043/