一、四個理論
1. 某div不顯示設定寬度，那麼width為auto.
2. 某div的width在預設情況設定的是盒子模型中content的值
3. 某div的width為100%表示的是此div盒子內容部分的寬度為其父元素的寬度。
4. 某個div的width不設定，或者設定為auto,那麼表示的這個div的所有部分（內容、邊框、內邊距等的距離加起來）為父元素寬度。
二、小注意點
1. 有些時候，設定了某個div的背景，但是看不到，有可能是高度為0，也有可能是寬度為0.
三、例項
doctype html>
<
html
lang
="en"
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>
title
>
<
link
rel="stylesheet"
href
="../css/layout2.css"
>
head
>
<
body
>
<
div
class
="container"
>
<
div
class
="content1"
>
div>
<
div
class
="content2"
>
div>
div>
body
>
html
>
* .container .content1.content2展示效果如下，綠色的div寬度剛好是整個瀏覽器寬度，黃色的div寬度卻多了100px,原因就是width僅僅設定的為內容區域的寬度，左邊多了100px，當然background設定的為整個div的背景色：
width auto和width 100 的區別
divp p 如果是width 100 則說明p的width會得到600px就已經充滿div區域，然後自己又有padding，所以會出現滾動條。而width auto則比較聰明，它是總體寬度 廣義，包括width，margin,padding,border這些 等於父級寬度 狹義，內容區，僅指wid...
width auto和width 100 的區別
一 width auto 1 塊級元素預設的寬度值，意味著瀏覽器會自己選擇乙個合適的寬度值。2 內容的寬度 margin left border left width padding left width padding right border right width margin right 如...
當css屬性width設為100 時
平常在寫頁面html 時，經常會使用到width 100 來使控制項寬度為父控制項的內容寬度。但如果父控制項為body，而且沒有明確設定body的寬度，那麼就會出現以下的情況了。1 body 2 div style background 888 width 100 height 200px 3 di...