有時候看到別人的**中經常出現在body中設定的寬高，不是很理解，於是自己測試了下，瞬間懂了，廢話不多說，直接上**：
首先建立好乙個基本的html檔案,設body的背景色為red：
相信大家都知道效果了，沒錯！
接著，我們向body裡面加個div,給背景設為白色，然後居中，並且不給div寬度。**如下：
效果圖上：
很顯然，body的實際寬度是和子類div中的寬度一樣的，那為什麼body的背景是覆蓋整個頁面呢？這是別人的猜想：
於是乎，我們上**：
效果圖上：
果然因此我們得出一些結論：預設情況下，我們直接操作body的話，body會被瀏覽器當做根結點來對待，子類(子類沒有設定寬的前提下）會等於父類設定的寬，在沒有設定任何html的背景色（或其他）屬性時，body的高是都是無效的。
Html設定html與body元素高度問題
在一些比較正規的 經常見到會設定html與body的高度。是為了後面的div高度正確的顯示。div的100 是從其上一級div的寬高繼承來的，有一點很關鍵，就是要設定div100 顯示，必須設定其上一級div的寬度或高度，否則無效。只要為html和body設定高度為100 就可以了html,body...
Html設定html與body元素高度問題
在一些比較正規的 經常見到會設定html與body的高度。是為了後面的div高度正確的顯示。div的100 是從其上一級div的寬高繼承來的，有一點很關鍵，就是要設定div100 顯示，必須設定其上一級div的寬度或高度，否則無效。只要為html和body設定高度為100 就可以了html,body...
關於html與body的高度問題
今天看到乙個css樣式 html,body，第一次看到，感覺挺奇怪，為什麼html還需要設定height 100 呢，html不就是整個視窗嗎？我是這樣認為的。然後就把html去掉只剩下body的height 100 麻煩了，頁面內容消失了 頁面裡只有乙個空div通過百分比設定height html...