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)以下的空间,不能出去,所以产生了一个隐藏的效果,只有在盒子空间的那个缺口处,
       (就是容器本身的宽高范围内的可视界面)。

  • 相关阅读:
    手机摇一摇代码
    ftp
    .net 设置导航的当前状态
    app 尺寸
    繁简体 互转 js
    静态页分页效果
    判断浏览器
    python列表,元组,字典和字符串之间的相互转换
    uliweb框架数据库操作
    uliweb的模版
  • 原文地址:https://www.cnblogs.com/MrZouJian/p/4914100.html
Copyright © 2011-2022 走看看