若同時設定了width和max-width兩個屬性，則以下面規則顯示寬度
(1)當width元素小於max-width時，元素寬度以width為準
(2)、若超過max-width則以max-width為準。
例(1)、若width100px; max-width:400px;則寬度為100px;
(2)、若width:500px;max-width:400px，則寬度為400px;
當然若width和max-width同為px或者rem等固定單位，則沒有必要同時設定兩個屬性。
(3)、若width:100%;max-width:900px; 則含義為寬度為元素為父元素寬度的100%，但最大寬度不超過900px
flex basis 與 width 的區別
最簡單的flex basis完全覆蓋width的情況就不再多提！直接說冷門的注意點 在只寫了basis 或者是basis width的情況下，basis的值代表這個元素的最小寬度！往這個元素裡面新增內容時，這個元素的寬度會隨著內容的增加而被繼續被撐大。content content就是裡面的三個小盒...
轉 關於width與padding
首先談談 important問題的引起 盒模型問題 在css標準中，乙個盒模型包括4個區，分別是 內容 內邊距 padding 邊框 border 和外邊距 margin 而width寬度的計算，css有它的標準。但是實際上，不同的瀏覽器的表現卻不同。比如，firefox ff 是準確按照css標準...
父元素與子元素的width關係
演示如下 父子元素width關係 這時，我們在審查元素時可以發現，span和a的width 和height 的寬度是auto，即寬度是由其內容撐起來的，故為auto。如下 這時，子元素設定為了父元素width的100 那麼子元素的寬度也是500px 但是如果我們把子元素的width去掉之後，就會發現...