使用css使div占满整个屏幕的实现方法
发布时间：2018-08-31 14:26:33 作者：佚名 
我要评论
我要评论这篇文章主要介绍了使用css使div占满整个屏幕的实现方法，一种是使用定位方法另一种使用百分比，具体实例代码大家参考下本文吧
使用定位方法
<style>
*{
padding: 0;
margin: 0;
}
#myDiv {
width: 100%;
height: 100%;
border: 1px solid red;
position: absolute
}
</style>
<body>
<div id="myDiv">
我要全部填满
</div>
</body>
使用百分比
html和body本身是没有高度的，他们的高度由子元素撑起来
所以设置对应的百分比即可。
<style>
*{
padding: 0;
margin: 0;
}
html{
width: 100%;
height: 100%;
}
body{
width: 100%;
height: 100%;
}
#myDiv {
width: 100%;
height: 100%;
border: 1px solid red;
/*position: absolute*/
}
</style>
<body>
<div id="myDiv">
我要全部填满
</div>
</body>
总结
以上所述是小编给大家介绍的使用css使div占满整个屏幕的实现方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要介绍了详解CSS3原生支持div铺满浏览器的方法的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-30
最新评论