body只有一个div时,让div撑满整个屏幕
1.给div设置定位。
css中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>
2.通过将html设为高度百分百
<style>
*{
margin: 0;
padding: 0;
}
html,body{
width: 100%;
height: 100%;
}
div{
width:100%;
height: 100%;
}
</style>
<body>
<div></div>
</body>