0，注意，最外層div的父元素就是body元素，經測試，該div假如沒有設置了高度，寬度，那就會繼承body元素的高度和寬度，注意body元素默認高度是沒有的，即0；默認寬度是頁面的寬度，可以加border邊框進行測試。
1，width：100%； 百分比，設定對象寬度占父元素100%，最外層div的父元素就是body元素，經測試，該div假如沒有設置了高度，寬度，那就會繼承body元素的高度和寬度，注意body元素默認高度是沒有的，即0；默認寬度是頁面的寬度，可以加border邊框進行測試。
---100%是根據父級元素的高度寬度來決定的，例如父元素瀏覽器窗口變小了(即body元素變小了)，那么body下的div元素也會變小。因為是百分比，假如body寬度為1000px，那么10%就是100px，假如body寬度為100px，那么10%就是10px。
2，width：50px； 絕對數值
3，width：auto；和不設置width屬性一樣，auto元素是缺省的寬度，所以兩者效果一樣。根據對象實際大小自適應寬度。auto元素受子元素撐開影響(即隨內容的寬度高度而變化)。
4，使用場合，針對元素A
(1)，A是容器，希望A把它的父容器充滿，就是100%。
(2)，A是容器，希望A根據容納的元素大小變換自己的大小，用auto。
(3)，A不是容器，寬度不知，需要顯示完全，用auto。
(4)，A不是容器，寬度不知，可能大於所有容器寬度，希望填滿，用100%。
5，存在即為合理，各有用途，或許眼前沒用到，不等於它沒用。
6，重點：div高度寬度設置為百分比100%和auto的區別？
前者是父元素(例如頁面窗口)有多大就多大，例如縮小了瀏覽器窗口，body下的子div元素(設置的高度寬度為百分比)就會變小，可以用border測試。auto則不會出現這種情況(它會受內部子元素的影響)。