CSS 如何讓 整個頁面秀出的高度:100%

網頁內容假設只有一行(或不定行數,達不到頁面高度),但是想要設定整頁的背景顏色,就會需要設定高度(height:800px 之類的),要如何設定才能整個可視範圍都不會有問題呢?

CSS 如何讓 整個頁面秀出的高度:100%

將 height:100% 設定在 <body>,只有內容部分的背景色會換掉,整頁的背景還是白色的。

想要完美解決此問題,可以將 height 設在 <html> 上,範例如下:

html {
    height: 100%;
}

body {
    min-height: 100%;
}

相關網頁

作者: Tsung

對新奇的事物都很有興趣, 喜歡簡單的東西, 過簡單的生活.

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料