使用css使div占滿整個(gè)屏幕的實(shí)現(xiàn)方法
發(fā)布時(shí)間：2018-08-31 14:26:33 作者：佚名 
我要評論
我要評論這篇文章主要介紹了使用css使div占滿整個(gè)屏幕的實(shí)現(xiàn)方法，一種是使用定位方法另一種使用百分比，具體實(shí)例代碼大家參考下本文吧
使用定位方法
<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本身是沒有高度的，他們的高度由子元素?fù)纹饋?/p>
所以設(shè)置對應(yīng)的百分比即可。
<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>
總結(jié)
以上所述是小編給大家介紹的使用css使div占滿整個(gè)屏幕的實(shí)現(xiàn)方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要介紹了詳解CSS3原生支持div鋪滿瀏覽器的方法的相關(guān)資料，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-08-30
