zoukankan      html  css  js  c++  java
  • __x__(43)0910第六天__ clearfix 解决:垂直外边距重叠,高度塌陷

    <div class="box1">
        <tabl></table>
        <div class="box2"></div>
    </div>

    原理1:

    <table> 将会隔离父子元素,

    所以解决垂直外边距重叠问题方法1:

    .clearfix:before{
        content:"";
        display:table;
    }

    原理2:

     解决高度塌陷方法2:

     

    .clearfix:after{
        contemt:"";
        display: block;
        clear: both;
    }

     


    最终方法:

     

     

    .clearfix {
        zoom:1;
    }
    
    .clearfix:before,.clearfix:after {
        content:"";
        display: table;
        clear: both;
    }

     

    给父元素加 class="clearfix"; 即可。


     

     

    --------小尾巴 ________一个人欣赏-最后一朵颜色的消逝-忠诚于我的是·一颗叫做野的心.决不受人奴役.怒火中生的那一刻·终将结束...
  • 相关阅读:
    各种读取速度
    索引倒排
    清空mysql数据
    java随机读取文件
    移动文件
    输出字符串数组
    背包问题
    使用bloomfilter
    使用hash拆分文件
    判断文件的编码格式
  • 原文地址:https://www.cnblogs.com/tianxiaxuange/p/9618700.html
Copyright © 2011-2022 走看看