最簡單的flex-basis完全覆蓋width的情況就不再多提！
直接說冷門的注意點
ⅰ：在只寫了basis、或者是basis >width的情況下，basis的值代表這個元素的最小寬度！往這個元素裡面新增內容時，這個元素的寬度會隨著內容的增加而被繼續被撐大。
.content
content就是裡面的三個小盒子。
寬度都為100，但是第乙個被內容撐開了
可以看見在三個盒子flex-basis值相同的情況下，第乙個被內容完全撐開了！
ⅱ：在設定了width也設定了basis，且basis < width的情況下，basis就會被作為最小寬度，而width就會作為這個容器可以被撐開的最大寬度！
可以看見，第乙個內容區雖然回被撐開，但是也只會最多撐開到150px.多餘的文字會溢位。
ⅲ：以及如果內容區被不換行的文字填充到大於本身寬度時，那麼這個內容區就將不參與壓縮了。
如果想讓內容區正常的話，最好加上word-break:break-word（這個是讓文字換行）
可以防止英文撐大容器導致出錯。
width與max width的區別
若同時設定了width和max width兩個屬性，則以下面規則顯示寬度 1 當width元素小於max width時，元素寬度以width為準 2 若超過max width則以max width為準。例 1 若width100px max width 400px 則寬度為100px 2 若widt...
轉 關於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去掉之後，就會發現...