一、width：auto
1、塊級元素預設的寬度值，意味著瀏覽器會自己選擇乙個合適的寬度值。
2、內容的寬度='margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' + 'margin-right'
如果margin-left' + 'border-left-width' + 'padding-left' + 'padding-right' + 'border-right-width' + 'margin-right'比較大，就減小width的值，如果比較小呢，就增大width的值，使其滿足上面的表示式。
二、width:100%
當width設定為100%之後，它的寬度就是父級的width，並且隨著父級的width自動變化，增加子元素的padding和margin之後，它的width還是不變的，這是與設定為auto的區別。
三、width:auto和width:100%的區別
1、width:100% 並不包含margin-left margin-right的屬性值，直接取其父容器的寬度加上含margin-left /margin-right的值。如果設定了margin那新的width值是容器的寬度加上margin的值。就會發現加了 margin相對應的邊就會多出設定的空白。而且會多出橫向滾動條因為寬度已經超出了螢幕的範圍，(這條相對于父容器是body)。
2、width:auto包含margin-left/margin-right的屬性值。width:auto總是佔據整行，這其中margin的值已經包含其中了，如果要設定margin的值那就用一整行然後減去margin的值就得到了現在的寬度了。減去的這個值就是相應邊得空白。顯著的特徵是這個沒有橫向滾動條出現也就是寬度沒有增加。
3、一般width:auto使用的多，因為這樣靈活，而width:100%使用比較少，因為在增加padding或者margin的時候，容易使其突破父級框，破環布局。
參考資料： css中width:auto和width:100%的區別
width auto和width 100 的區別
divp p 如果是width 100 則說明p的width會得到600px就已經充滿div區域，然後自己又有padding，所以會出現滾動條。而width auto則比較聰明，它是總體寬度 廣義，包括width，margin,padding,border這些 等於父級寬度 狹義，內容區，僅指wid...
width 100 和width auto的區別
當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 700...
Canvas設定width和height問題
首先html5中新增畫布標籤，所以有些老版本的瀏覽器是不支援的 使用canvas標籤需要知道以下幾點 1.需要在html文件中指明canvas標籤，在canvas標籤中需要寫一些提示資訊 您的瀏覽器不支援canvas 2.canvas元素預設大小是300px 150px，我們設定寬高的時候，需要使用...