小编给大家分享一下如果使用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占满整个屏幕”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注天达云行业资讯频道!