任何人都可以找出这个CSS高度怪癖

好吧，这让我完全难住，一直试图修复几天无济于事。任何人都可以找出这个CSS高度怪癖

我已经使用cbpFWTabs.js来分割我的内容。

但它似乎表现非常奇怪，因为它忽略了我的身高参数，并将div设置为内容大小。

唯一的方法来设置一个固定的高度，但我希望div动态调整大小以填充屏幕的其余部分，并显示滚动条，如果它超过了内容包装div（保持菜单栏固定）。

我检查所有的家长，它只是似乎没有什么反应我尝试:(

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

我敢肯定它的财产以后琐碎的我错过了，但其驾驶我疯了。

谢谢！

来源

2016-09-29 Anthony George

它在响应式设计中始终是一件好事，它为最外层的容器填充类似'height：100％'的视口，所以这里没有错！但请注意[this]（http://stackoverflow.com/questions/39309205/height-calculation-by-browsers-containing-blocks-and-children），这看起来有点意外的行为。 – kukkuz

解决方案可能是使用'vh'单位来填充屏幕高度...之间请添加片段/小提琴，而不是张贴外部链接......谢谢！ – kukkuz

确定这是非常奇怪的HTML高度设置正确和正文在这里我得到975px，但其子线路节电流或设置太1189px，它的高度参数设置为100％为什么有什么想法，为什么发生这种情况？谢谢 –

每当一个元素上有height: 100%，这意味着它会继承其父的高度。

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

然后，在.container > section上设置height: 100%。然后，孩子们知道伸展到正确的高度（从body传播下去）。

这应该解决您的OP中的问题。不过，看起来你的身高仍然有些腥意。如果您需要，随时可以提出另一个问题。

来源

2016-09-29 21:18:10 cheryllium

感谢您在正确的方向迈出的一步。我更新了您的更改页面，它正在填写。但现在它稍微大小，只是看看现在试图解决什么事情:) –

不知道什么是扩大它如此之高，高度：83％效果不错，但somthing告诉我这不应该发生像这个.. –

一个解决方案可能是使用'vh'单位来填充屏幕高度... – kukkuz

任何人都可以找出这个CSS高度怪癖

回答

相关问题