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

WBOY
Freigeben: 2016-06-24 11:34:44
Original
1342 Leute haben es durchsucht

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

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

 

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage