CSS占满屏幕的方法
给div设置定位
position的五种属性
- static：默认值，没有属性
- absolute：绝对定位，相对于父级元素的定位
- relative：相对定位
- fixed：固定定位，相对于浏览器窗口
- inherit：从父级元素继承定位信息
！！！除了static和inherit外，添加其他三种都可以实现窗口自适应
<style>
*{
margin:0;
padding:0;
}
div{
width:100%;
height:100%;
position:absolute;
}
</style>
<body>
<div></div>
</body>
通过设置html，body的宽高来让div充满屏幕
<style>
*{
margin:0;
padding:0;
}
html,body{
width:100%;
height:100%;
}
div{
width:100%;
height:100%;
display:block;//(如果是行内元素需要设置成block才可以设置宽高)
}
</style>
<body>
<div></div>
</body>
注意！！！
如果是行内元素（无法设置宽高的话）需要将display：block；
8840
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
