width auto和width 100 的區別

2021-06-29 02:54:06 字數 389 閱讀 6478

divp

p

如果是width:100%,則說明p的width會得到600px就已經充滿div區域,然後自己又有padding,所以會出現滾動條。

而width:auto則比較聰明,它是總體寬度(廣義,包括width,margin,padding,border這些)等於父級寬度(狹義,內容區,僅指width),所以如果padding已經左右占去20px的空間,那麼width給的值就是580px。

所以,如果:

p

其實最後實際的width值為560px。

但無論是width:100%還是auto,其計算的參照都是父級內容區width值,而非總寬度值

width auto和width 100 的區別

一 width auto 1 塊級元素預設的寬度值,意味著瀏覽器會自己選擇乙個合適的寬度值。2 內容的寬度 margin left border left width padding left width padding right border right width margin right 如...

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,我們設定寬高的時候,需要使用...