Fatal编程技术网
  • html/
  • Html DIV和它的孩子都没有拉伸到100%的高度，即使父母的高度设置为100%

Html DIV和它的孩子都没有拉伸到100%的高度，即使父母的高度设置为100%

html css

Html DIV和它的孩子都没有拉伸到100%的高度，即使父母的高度设置为100%,html,css,Html,Css,我花了太多时间尝试在类似主题中找到的解决方案，没有任何效果，我肯定错过了一些东西，我在正文中有一个div容器，在容器中有另一个div导航，现在容器及其子导航都没有扩展到100%。 这是链接 HTML 版权所有，********。 在css上删除导航栏上的边距 .navigation { margin-left:3%; --remove this margin-right:2%; --remove this width:25%; height:100%; b

我花了太多时间尝试在类似主题中找到的解决方案，没有任何效果，我肯定错过了一些东西，我在
正文中有一个div
容器
，在
容器中有另一个div
导航
，现在
容器
及其子
导航
都没有扩展到100%。

这是链接

HTML




版权所有，********。

在css上删除导航栏上的边距


.navigation {
    margin-left:3%;  --remove this
    margin-right:2%;  --remove this
    width:25%; height:100%;
    background-color:#A8A8A8;
    float:left;
}


这就是你要找的吗？如果没有，你可以更具体些
这里是@Kyle Dunne的一篇文章，除了
导航
div外，它工作得很好，因为某种原因，它的内容会沉在
div的底部

谢谢你，凯尔·邓恩和安德烈·盖尔乔


更新：通过删除
float:left，修复了
Navigation
div下沉内容
从
categ
div中添加第二个
innerContainer2
div，将category
div
s放置在相邻的两列中。
从您的孩子身上移除
边距，他们将拉伸。100%您想要什么？#container div与window一样高，这是css所说的。不清楚您在问什么。是你想要的吗？请指定100%的宽度还是高度？@Samwise我想这是一个很好的链接供你阅读。我需要绿色和灰色的div向下延伸，它们是100%的高度，但它们只占页面的一半。我希望#container div和#navigation div到达页脚