zoukankan      html  css  js  c++  java
  • 【小记】-006--关于高度塌陷的问题

    最近遇到一个问题:当使用 position:absolute 时,给父元素添加 position:relative 父元素高度塌陷,此时如何使得父元素的高度被子元素撑开?

    我了解到的高度塌陷无非就是:float属性,display:absolute/fixed属性

    float与display:absolute/fixed都会使元素脱离文档流,使后面的元素窜到钙元素下方,这个就是高度塌陷,为了解决这个问题,通常是

    1、为该元素添加一个子标签<div style="clear:both">,

    2、给该元素overflow:hidden  

    3、zoom:1 + 伪元素

    4、还有一万能清除法

    .clearfix:after{
            content:".";
            display:block;
            height:0;
            clear:left;
            visibility:hidden;
        }

    但是针对 position:absolute这种情况,以上方法都不会有效,
    查资料,都说CSS不能直接完成这个需求,只能通过JS方法控制父元素的高度,我也没找到其他方式,在此记录下
     
  • 相关阅读:
    1113 Integer Set Partition
    1114 Family Property
    1115 Counting Nodes in a BST
    1116 Come on! Let's C
    Maven 常用命令
    Maven 快照
    Maven 插件
    Maven POM
    Maven 中央仓库
    Maven 依赖机制
  • 原文地址:https://www.cnblogs.com/asenper/p/10732207.html
Copyright © 2011-2022 走看看