CSS设置height为100%无效的情况

CSS设置height为100%无效的情况

笔者是小白，不是特别懂前端。今天写一个静态的HTML页面，然后想要一个div占据页面的100%，但是尝试了很多办法都没有实现，不知道什么原因。

后来取百度搜了一下，发现了问题所在。由于<body>和<html>标签没有设定大小和边距，导致大小是由内容决定，否则默认为0。因此其他的组件在此基础上想在没有内容的情况下设置height是没有办法的。因此我们需要写一段这样的css代码。

        body,html{
            height: 100%;
            width: 100%;
            margin: 0px;
            padding: 0px;
        }
posted @ 2020-03-15 23:10  Herman·H  阅读(835)  评论(0)    收藏  举报