当前位置:Gxlcms > html代码 > 关于css中overflow:hidden的使用_html/css_WEB-ITnose

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

时间:2021-07-01 10:21:17 帮助过:16人阅读

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

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

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

人气教程排行