关于css中overflow:hidden的使用_html/css_WEB-ITnose
程序员文章站
2022-06-12 19:22:01
...
overflow:hidden有两个用处经常用到:
1、通过设定自身的高度,加上overflow:hidden可以隐藏超过容器本身的内容;
但是,小编在以往的使用中,发现了一个问题,只要父级容器设定了overflow:hidden,
那么它的子孙元素都将会应用上去,并无法在内部消除,如果内部需要做div绝对定位position:absolute
溢出效果,则会被隐藏掉,so 在运用overflow:hidden时,请慎用。
2、清除浮动,一说这个,大家肯定想到的是clear:both;
但是,它们并不完全相同,overflow:hidden的清除浮动,是等于把居于它上空的人拉下来,关进自己盒子
的那个层次(z-index)以下的空间,不能出去,所以产生了一个隐藏的效果,只有在盒子空间的那个缺口处,
(就是容器本身的宽高范围内的可视界面)。
上一篇: PHP安装攻略:安装并配置PHP
下一篇: Oracle教程:如何诊断节点重启问题
推荐阅读