将css div元素的高度设置为100%是无效的解决方案

如果你不想设置div的高度，或者你不知道它的具体高度，通常将其设置为：height：汽车;但你经常想将其高度设置为 100%。这是为了适应不同分辨率的窗口。

当我们真正这样操作时，会发生一些很奇怪的事情。如下所示，页面上没有显示任何内容。

高度都明确设定了，那么高度到哪里去了呢？

现在我们需要知道浏览器是如何计算高度的。实际上。浏览器不计算内容的高度。除非内容超出视口范围，否则就会有滚动条。换句话说，浏览器的内容是向下堆叠的。不考虑高度。

那么，如何解决100%高度显示问题呢？

需要注意的是，如果使用百分比作为属性，则它具有相对元素。它通常被称为父元素。

首先需要指定父元素的高度。

文汇网站创建

body,html{宽度:100%;高度:100%;边距:0 auto;}
div{宽度:20%;高度:100 %;边距: 0 自动;背景颜色: #de2829;}

在这种情况下就是这样！