摘要:在網(wǎng)頁(yè)制作中,有時(shí)需要讓頁(yè)面的高度鋪滿整個(gè)瀏覽器窗口,本文將介紹兩種方法來(lái)實(shí)現(xiàn)該效果。
1.使用CSS樣式實(shí)現(xiàn)l和body元素的高度屬性為100%即可讓頁(yè)面高度鋪滿整個(gè)瀏覽器窗口,具體代碼如下:
```cssl,body{
height:100%;
2.使用JavaScript實(shí)現(xiàn)
通過(guò)JavaScript獲取瀏覽器窗口的高度,然后設(shè)置頁(yè)面的高度為該值即可實(shí)現(xiàn)頁(yè)面高度鋪滿整個(gè)瀏覽器窗口,具體代碼如下:
```javascriptententElementdownerHeight + 'px';
注意:使用JavaScript實(shí)現(xiàn)時(shí)需要在頁(yè)面加載完成后執(zhí)行該代碼,以確保獲取到正確的窗口高度。
總結(jié):l和body元素的高度屬性為100%;在使用JavaScript實(shí)現(xiàn)時(shí),需要在頁(yè)面加載完成后執(zhí)行該代碼。