CSS设置height为100%无效的情况
笔者是小白,不是特别懂前端。今天写一个静态的HTML页面,然后想要一个div占据页面的100%,但是尝试了很多办法都没有实现,不知道什么原因。
后来取百度搜了一下,发现了问题所在。由于<body>
和<html>
标签没有设定大小和边距,导致大小是由内容决定,否则默认为0。因此其他的组件在此基础上想在没有内容的情况下设置height是没有办法的。因此我们需要写一段这样的css
代码。
body,html{
height: 100%;
width: 100%;
margin: 0px;
padding: 0px;
}