使用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)方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
- 這篇文章主要介紹了詳解CSS3原生支持div鋪滿瀏覽器的方法的相關(guān)資料,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-08-30