overflow内容溢出处理

概念：

子元素内容的溢出
子元素默认是存在于父元素的内容区中，理论上子元素最大可以等于父元素内容区大小，但是如果子元素的大小超过了父元素的内容区，则超过的大小会在父元素之外的位置显示，超出的内容，我们称之为溢出的内容，父元素默认是将溢出内容在父元素内容区外面显示。

语法：

overflow 给父元素设置

overflow: visible; /* 默认值【内容不会被修剪，会呈现在元素框之外】 */
overflow: hidden; /* 内容会被修剪，并且其余内容是不可见的 */
overflow: scroll; /* 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容 */
overflow: auto; /* 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容 */
overflow: inherit; /* 规定应该从父元素继承 overflow 属性的值 */