當width=100%時，
css樣式：
.main.right
html：
<div
class
="main"
>
<
div
class
="right"
>right
div>
div>
main的width為700px，left的width為100px。如果right的width設定為100%，那right的width=700px（等於父級元素的寬度)，
img此時如果left設定padding值的話例如padding-left：100px；會變成下面這樣：
css樣式：
.main.right
img會發現right部分溢位main,我個人認為此時right產生了乙個新的width值800px，700+100=800px；至於如果子元素新增margin或者border等屬性時right的width值會怎麼變化後面再討論；
當width=auto時，
css樣式：
.main.right
html：
<div
class
="main"
>
<
div
class
="right"
>right
div>
div>
img子元素right此時沒有設定其他屬性，所以width=700px；
如果right設定乙個margin-left：100px；
css樣式：
.main.right
img會發現right的width變成了600px，減去了外邊距的值；當設定margin或者border屬性時right的width會怎麼變化後面再討論。
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 如...
width為auto或者100 的區別
一 四個理論 1.某div不顯示設定寬度，那麼width為auto.2.某div的width在預設情況設定的是盒子模型中content的值 3.某div的width為100 表示的是此div盒子內容部分的寬度為其父元素的寬度。4.某個div的width不設定，或者設定為auto,那麼表示的這個div...