关于css中overflow:hidden的使用_html/css_WEB-ITnose

overflow:hidden有两个用处经常用到：

1、通过设定自身的高度，加上overflow:hidden可以隐藏超过容器本身的内容；
     但是，小编在以往的使用中，发现了一个问题，只要父级容器设定了overflow:hidden，
     那么它的子孙元素都将会应用上去，并无法在内部消除,如果内部需要做div绝对定位position:absolute
     溢出效果，则会被隐藏掉,so 在运用overflow:hidden时，请慎用。

 

2、清除浮动，一说这个，大家肯定想到的是clear:both;
    但是，它们并不完全相同，overflow:hidden的清除浮动，是等于把居于它上空的人拉下来，关进自己盒子
    的那个层次(z-index)以下的空间，不能出去，所以产生了一个隐藏的效果，只有在盒子空间的那个缺口处，
   （就是容器本身的宽高范围内的可视界面）。