[分享]css占页面的高100%

在CSS中，有一个非常常见的需求就是让某个元素占据整个页面的高度，这个需求在响应式布局中也非常常见。那么该怎么实现呢？html, body { height: 100; margin: 0; } .e...

在CSS中，有一个非常常见的需求就是让某个元素占据整个页面的高度，这个需求在响应式布局中也非常常见。那么该怎么实现呢？

html, body {
  height: 100%;
  margin: 0;
}

.element {
  height: 100%;
} 

以上代码就是实现一个元素占据整个页面高度的基础代码，首先我们需要将html和body的高度设置为100%，并且将margin设置为0。然后将目标元素的高度设置为100%。这样，这个元素就可以占据整个页面的高度了。

需要注意的是，在设置元素高度的时候，父元素也需要设置高度为100%。如果没有设置父元素的高度，那么子元素的高度百分比是无法生效的。