[toc] ## 什么是最大內容寬度 一個元素的最大內容寬度分為兩種情況， 當該元素屬于**包裹元素**（內部決定尺寸）時（浮動、絕對定位、inline-block、table元素），元素的最大內容寬度為該元素**聲明的**寬度值。 當元素屬于包裹元素且沒有設置固定大小時，元素的最大內容寬度由最大的連續內聯盒子的寬度所決定（即一行的寬度）或則在內部存在塊級元素時由這個塊級元素大小決定（即為容器寬度） ## 內容溢出容器 通常來說，**內容**是不會超過容器寬度的限制的，但存在一些特殊情況 - 內容很長的連續英文和數字，或則內聯元素設置了`white-space:nowrap` （單標簽）  以上情況即使設置`max-width`依然如此 - 子元素寬度大于父容器 （標簽嵌套）  這個時候就輪到`overflow`出場了 >[warning] **注意：** 溢出的內容是撐不開父級、父級的父級。。。的 >  或則標簽嵌套時使用`150%`讓子盒子作為內容溢出，也不行，并且也不能撐開父級的父級