关于BFC

作者: Eirmood | 来源:发表于2020-09-24 16:34 被阅读0次

    1、普通流(所有元素默认都是普通流定位)

    普通流

    2、浮动

    浮动

    3、绝对定位

    绝对定位

    BFC属于普通流

    4、BFC(当元素具有了bfc属性之后,该元素内部的元素不会对外部产生影响,与外部隔离开来)

    5、为元素添加BFC

    为元素添加BFC

    6、BFC的特性以及应用

    正常情况下外边距重叠 触发bfc避免外边距重叠

    7、清除浮动

    子元素浮动 父元素高度清空
    父元素触发BFC

    8、阻止元素被浮动元素覆盖

    正常浮动 被干扰元素添加BFC

    相关文章

      网友评论

          本文标题:关于BFC

          本文链接:https://www.haomeiwen.com/subject/wwxtuktx.html