css元素溢出问题

当子元素的尺寸超过父元素的尺寸时，需要设置父元素显示溢出的子元素的方式， 设置的方法是通过 overflow 属性 来设置。

问题如下：

overflow 属性: 

1、visible 默认值。内容不会被修剪，会呈现在元素框之外。如上图所示！

2、hidden 内容会被修剪，并且其余内容是不可见的，此属性还有清除浮动、清除margin-top 塌陷的功能。
3、scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。

4、auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
5、inherit 规定应该从父元素继承 overflow 属性的值。 

scroll，若内容没有超出，则滚动条依然存在

用hidden，超出部分会被隐藏。

用auto超出则显示滚动条，不超出不显示

inherit-指父元素有overflow的属性值，若其overflow属性值为auto，则子元素只需设置overflow：inherit即可从父元素继承。所有该子元素的overflow的值为auto。