css⽅法让div撑满整个屏幕
学习⽹上经验记录下来:
在body只有⼀个div的时候让div充满整个屏幕的⽅法。
注:
css中position有五种属性:
static:默认值,没有定位
absolute:绝对定位,相对于⽗级元素进⾏定位
relative:相对定位
fixed:固定定位,相对于浏览器窗⼝进⾏定位
inherit:从⽗元素继承定位信息 
除了默认值static和inherit之外,添加其他三种都可以实现窗⼝⾃适应。
<style>
*{
margin: 0;
padding: 0;
}
div{
width:100%;
height: 100%;
background: yellow;
position: absolute;
}
</style>
<body>
<div></div>
</body>
<style>css固定定位
*{
margin: 0;
padding: 0;
}
html,body{
width: 100%;
height: 100%;
}
div{
width:100%;
height: 100%;
background: yellow;
}
</style>
<body>
<div></div>
</body>

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。