bfc 的文章 - SegmentFault 思否

1

我的笔记-BFC的知识点梳理

葵进必达达 10月5日发布于 self.文章
收藏

BFC（Block Formatting Contexts）块级格式化上下文，它是页面 CSS 视觉渲染的一部分，用于决定块级盒的布局及浮动相互影响范围的一个区域。

0

前端面试每日 3+1 —— 第527天

浪子神剑 9月24日发布于前端面试每日3+1
收藏

今天的知识点 (2020.09.24) —— 第527天 (我也要出题)[html] 你知道什么是反向链接吗？它有什么应用场景呢？[css] 举例说明BFC有什么应用场景[js] 举例说明+运算符的运行机制[软技能] 如何进行网站性能优化？《论...

0

完全搞懂 BFC

JackySummer 7月4日发布于 self.文章
收藏

什么是 BFC BFC 全称是 Block Formatting Context，即块格式化上下文。除了 BFC，还有： IFC（行级格式化上下文）- inline 内联 GFC（网格布局格式化上下文）- display: grid FFC（自适应格式化上下文）- displa...

0

前端面试每日 3+1 —— 第440天

浪子神剑 6月29日发布于 self.文章
收藏

今天的知识点 (2020.06.29) —— 第440天 (我也要出题) [html] 能否做到禁止打印页面？如果可以那要怎么做？ [css] BFC与IFC有什么区别？ [js] 如何避免JS浮点运算的精度问题（例：0.1+0.7=0.7999999999999999） [...

0

前端面试每日 3+1 —— 第438天

浪子神剑 6月27日发布于 self.文章
收藏

今天的知识点 (2020.06.27) —— 第438天 (我也要出题) [html] 如何判断用户正在操作页面？当页面一个小时没有操作时跳转到指定页面如何做？ [css] 如何形成BFC？ [js] ajax请求地址只支持http/https吗？能做到让它...

0

BFC及其背后的 float absolute inline-block

t现在是冬天t 5月9日发布于前端学习
收藏

每个元素的margin box的左边，与包含块border box的左边相接触(对于从左往右的格式化，否则相反)。即使存在浮动也是如此。inline float)(浮动流)

0

BFC及其作用

HuiDT 4月24日发布于 self.文章
收藏

1. 什么是margin塌陷？2. 为什么塌陷时只出现在垂直方向？3. 如何解决margin塌陷？4. margin合并(也叫margin折叠)5. 浮动元素(使用BFC来包含浮动)6. 附实例7. 使用BFC来防止文字环绕8. 在多列布局中使用BFC9. 两...

1

前端BFC

Frank 3月30日发布于 self.文章
收藏

在普通流中，元素按照其在 HTML 中的先后位置至上而下布局，在这个过程中，行内元素水平排列，直到当行被占满然后换行，块级元素则会被渲染为完整的一个新行，除非另外指定，否则所有元素默认都是普通流定位，也...

0

CSS 清除浮动、BFC

梁柱 3月14日发布于 self.文章
收藏

BFC：块级格式化上下文BFC是一个独立的布局环境，其中的元素布局是不受外界的影响，并且在一个BFC中，块盒与行盒（行盒由一行中所有的内联元素所组成）都会垂直的沿着其父元素的边框排列。

1

理解CSS盒模型与BFC

vipbic 2月2日发布于 vipbic
收藏

一个CSS盒模型由content、border、padding、margin组成，盒模型又分为标准模型和IE模型。标准模型和IE模型区别就是就是计算盒子的宽度和高度的不同

3

通过例子讲解BFC

邢走在云端 2019-11-18 发布于前端学习
2 收藏

块格式化上下文（Block Formatting Context，BFC）是Web页面的可视化CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。 ——来自MDN

4

四种方式进行清除浮动

邢走在云端 2019-11-18 发布于前端学习
3 收藏

以下展示了四种方式进行清除浮动先看一段代码 css {代码...} html {代码...} 下面是结果因为没有清除浮动，所以子元素没有将父元素撑开，出现上面的情况。下面是几种清除浮动的方法 1.额外标签法在最后一个浮...

0

政采云前端小报第48期

政采云前端团队 2019-09-20 发布于 self.文章
收藏

政采云前端小报第48期浏览更多往期小报，请访问： [链接] 本周原创前端工程师需要了解的 Babel 知识基于 Vue 的商品主图放大镜方案本周收集 Kubernetes 在有赞的实践本文分享了 Kubernetes 在有赞的实践和演...

0

Html—BFC

joytime 2019-06-02 发布于 self.文章
收藏

背景 BFC，即Block Format Context，块级格式化作用域，我们先不管它的目的是什么，先来了解下格式化作用域的相关类型。格式化作用域的类型文档流中的行内元素和块级元素，都属于格式化作用域，所以格式化作用...

188

理解 CSS 布局和 BFC

前端小智 2019-03-27 发布于终身学习者
134 收藏

点赞再看，养成习惯本文 GitHub [链接] 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。