關於html中的設定body寬高的理解

標籤：png   理解   並且   覆蓋      src   無效   技術   建立   

有時候看到別人的代碼中經常出現在body中設定的寬高，不是很理解，於是自己測試了下，瞬間懂了，廢話不多說，直接上代碼：

首先建立好一個基本的html檔案,設body的背景色為red：

相信大家都知道效果了，沒錯！

接著，我們向body裡面加個div,給背景設為白色，然後置中，並且不給div寬度。代碼如下：

 

上：

 

 

很顯然，body的實際寬度是和子類div中的寬度一樣的，那為什麼body的背景是覆蓋整個頁面呢？這是別人的猜想：

於是乎，我們上代碼：

上：

果然

因此我們得出一些結論：預設情況下，我們直接操作body的話，body會被瀏覽器當做根結點來對待，子類(子類沒有設定寬的前提下）會等於父類設定的寬，在沒有設定任何html的背景色（或其他）屬性時，body的高是都是無效的。

關於html中的設定body寬高的理解