[toc] ## 什么是最大内容宽度 一个元素的最大内容宽度分为两种情况， 当该元素属于**包裹元素**（内部决定尺寸）时（浮动、绝对定位、inline-block、table元素），元素的最大内容宽度为该元素**声明的**宽度值。 当元素属于包裹元素且没有设置固定大小时，元素的最大内容宽度由最大的连续内联盒子的宽度所决定（即一行的宽度）或则在内部存在块级元素时由这个块级元素大小决定（即为容器宽度） ## 内容溢出容器 通常来说，**内容**是不会超过容器宽度的限制的，但存在一些特殊情况 - 内容很长的连续英文和数字，或则内联元素设置了`white-space:nowrap` （单标签）  以上情况即使设置`max-width`依然如此 - 子元素宽度大于父容器 （标签嵌套）  这个时候就轮到`overflow`出场了 >[warning] **注意：** 溢出的内容是撑不开父级、父级的父级。。。的 >  或则标签嵌套时使用`150%`让子盒子作为内容溢出，也不行，并且也不能撑开父级的父级