htmldiv⾼度满屏幕,div百分百占满屏幕的两种css写法
很多⼈都知道，div容器在⼀般情况下即使设置⾼为100%也不会真的占满屏幕(浏览器窗⼝⾼度)，那么究竟有没有办法⽤样式实现100%屏⾼呢？答案是肯定的。今天益吾库就来分享⼀下div百分百占满屏幕的两种css写法，⼀种是绝对定位⽅法，另⼀种是根容器百分⽐⽅法，具体实例代码如下：
绝对定位⽅法：
*{
padding: 0;
margin: 0;
}
#myDiv {
width: 100%;
height: 100%;
background: red;
position: absolute
}
我是⼀个全屏DIV
根容器百分⽐⽅法：
原理：html和body本⾝没有⾼度，他们的⾼度是由⼦元素撑起来的，所以我们需要为其设置对应的百分⽐⾼度。
*{
padding: 0;
margin: 0;
}
html{
width: 100%;
margin属性值可以为百分比
height: 100%;
}
body{
width: 100%;
height: 100%;
}
#myDiv {
width: 100%;
height: 100%;
background: red;
}
我是⼀个全屏DIV

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