关于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

    关于BFC BFC 定义: BFC(Block formatting context)块级格式化上下文:比如设置了...

  • 关于 BFC 的布局应用:清除浮动、文字环绕

    关于 BFC 的布局应用:清除浮动、文字环绕 参考文档:理解CSS中BFC BFC(Block Formattin...

  • CSS新手向的知识点<四>

    阅读本篇文章,你将大致了解到BFC的作用 关于BFC的知识 BFC(block formatting contex...

  • BFC神奇背后的原理

    BFC 已经是一个耳听熟闻的词语了,网上有许多关于 BFC 的文章,介绍了如何触发 BFC 以及 BFC 的一些用...

  • 什么是BFC(Block Formatting Context)

    BFC 已经是一个耳听熟闻的词语了,网上有许多关于 BFC 的文章,介绍了如何触发 BFC 以及 BFC 的一些用...

  • BFC的理解

    BFC 已经是一个耳听熟闻的词语了,网上有许多关于 BFC 的文章,介绍了如何触发 BFC 以及 BFC 的一些用...

  • 关于BFC

    BFC 块格式化上下文 创建BFC的情况(指路) BFC是盒子元素布局的区域以及浮动元素与其他元素交互的区域,是一...

  • 关于BFC

    BFC BFC 全称 Block Formatting Context。每个渲染区域用formatting con...

  • 关于BFC

    BFC 是什么? 首先BFC(Block Formatting Contexts)中文是块级格式化上下文。BFC是...

  • 关于BFC

    什么是BFC bfc( 块级格式化范围 )是web页面中盒模型布局的CSS渲染模式,他决定了元素如何对其内容进行定...

网友评论

      本文标题:关于BFC

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