CSS溢出
在盒子中无法容纳下太多的内容的时候就会发生溢出。CSS避免隐藏数据造成的困扰，因此即使内容溢出也会显示出来。
控制溢出
overflow 是控制元素溢出的方法。
- 默认值为visible，即允许溢出
hidden将溢出的内容裁剪掉scroll不论内容会不会超出盒子，都出现一个滑动条auto滚动条在有比盒子所能装下更多的内容的时候才显示
overflow-y 、overflow-x 、是overflow的两个隐藏属性。
使用诸如 scroll或者 auto的时候，你就建立了一个块级排版上下文。结果就是，你改变了 overflow的值的话，对应的盒子就变成了更加小巧的状态。在容器之外的东西没法混进容器内，也没有东西可以突出盒子，进入周围的版面。
长单词处理
当单词过长，使用scroll也许不是最好看的方式.
overflow-warp 是用来说明当一个不能被分开的字符串太长而不能填充其包裹盒时，为防止其溢出，浏览器是否允许这样的单词中断换行。（normal 行只能在正常的单词断点处中断。（例如两个单词之间的空格）；break-word 表示如果行内没有多余的地方容纳该单词到结尾，则那些正常的不能被分割的单词会被强制分割换行。）
word-break 指定了怎样在单词内断行。（normal使用默认的断行规则。break-all对于non-CJK (CJK 指中文/日文/韩文) 文本，可在任意字符间断行。keep-allCJK 文本不断行。 Non-CJK 文本表现同 normal。）