zoukankan      html  css  js  c++  java
  • 关于css中overflow:hidden的使用

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

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

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

  • 相关阅读:
    单例模式
    二、CSS
    十一、多线程
    十二、协程
    十、多进程
    九、内存管理
    八、元类
    七、上下文管理器/魔术方法
    六、单例模式
    五、装饰器
  • 原文地址:https://www.cnblogs.com/MrZouJian/p/4914100.html
Copyright © 2011-2022 走看看