|
这篇文章主要介绍了使用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占满整个屏幕的实现方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！ | 
发表于 2018-8-31 14:26:33
