CSS 核心概念归纳之定位和 BFC

时间:2021-11-29 19:39:43
    三个特征
    BFC会阻止垂直外边距的折叠。(当同属一个BFC时,两个元素有可能发生垂直的重叠,要解决margin重叠,只要让他们不在同一个BFC就行了,对于两个相邻的元素来说,意义不大,没有必要给他加一个外壳,但是对于嵌套元素来说就很有必要了,只要把父元素设置为BFC就行了,这样元素的margin就不会和父元素的margin重叠了)
    BFC不会重叠浮动元素
    BFC可以包含浮动
    形成BFC的条件
    float:left|right
    overflow:hidden|auto|scroll
    display:table-cell|table-caption|inline-block
    position:absolute|fixed
    通用的清除浮动的方式
    .clearfix {
    *zoom: 1;
    }
    .clearfix::after {
    content: '';
    display:block;
    height: 0;
    visibility: hidden;
    clear:left;

    }

 北京双眼皮医院http://www.dyjjkfq.cn

    .clearfix {
    *zoom: 1;
    }
    .clearfix::after {
    content: '';
    display: table;
    clear:both;
    }
    金属质感分割线