我們可以通過設定html和body的高度來填滿整個瀏覽器螢幕的高度:
htmlbody
如果我們將html和body都設定為height: 100%時,body的高度僅會被設定為瀏覽器螢幕的高度.當body裡的內容高度大於瀏覽器螢幕高度時,會因為預設的設定overflow:visible使得高出的部分被隱藏起來.
如果我們將html和body都設定為min-height: 100%時,body元素不會擴充套件到瀏覽器螢幕的高度,因為html設定為百分比值的height不會生效(因為html沒有父元素了,也就不會符合父元素有明確的高度值的條件),body元素也就因為html沒有乙個明確的高度使得min-height不會生效.
參考：剖析height百分比和min-height百分比
CSS 頁面高度自適應鋪滿螢幕
html 包括三部分，乙個是包裹整個的div，乙個是上半部分的div，乙個是下半部分的div 上部分 下部分 css 實現效果主要依賴於css的display屬性，設定為 display webkit flex 目前支援的瀏覽器有ie10 和較新版本的firefox chrome。pannel的he...
讓div高度撐滿螢幕的方法
在body只有乙個div的時候，可以通過這樣的方式讓div撐滿整個螢幕。1.給div設定定位。複習一下 css中position有五種屬性 static 預設值，沒有定位 absolute 絕對定位，相對於父級元素進行定位 relative 相對定位 fixed 固定定位,相對於瀏覽器視窗進行定位 ...
新開啟的視窗，充滿螢幕
首先，獲取螢幕的寬和高 var screenheight window.screen.height var screenwidth window.screen.width 然後，利用window.open或showmodaldialog開啟新視窗 window.open url,blank widt...