zoukankan      html  css  js  c++  java
  • BFC(块级格式化上下文)笔记

    BFC特性:

    1.BFC是一个独立的布局容器,内部元素不会影响BFC外面的元素,反之亦然。

    2.计算BFC高度时,会计算内部的浮动元素。

    3.BFC会阻止外边距的合并。

     4.BFC的区域不会与外部浮动元素的区域重叠

    触发条件:

    1. float不为none

    2.position: fixed absolute

    3.overflow: hidden scroll auto

    4.display: inline-block/ table-cell/ table-caption / flex /inline-flex

    应用场景:

    1.子元素浮动导致父元素坍塌(用于清除浮动,运用特性2)

    2.上下margin合并问题 (运用特性3)

    3.左右两栏自适应布局( 运用特性4)

  • 相关阅读:
    as
    留言板
    HEOI2020游记
    min_25筛学习笔记
    计算几何初步
    「狗屁不会」exlucas
    GCD of Sequence
    做题记录
    一些奇怪的坑+好东西
    关于我
  • 原文地址:https://www.cnblogs.com/flamestudio/p/12219257.html
Copyright © 2011-2022 走看看