bfc 的文章 - SegmentFault 思否

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 发布于
收藏

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

0

Html—BFC

joytime 2019-06-02 发布于
收藏

BFC，即Block Format Context，块级格式化作用域，我们先不管它的目的是什么，先来了解下格式化作用域的相关类型。

181

理解 CSS 布局和 BFC

前端小智 2019-03-27 发布于
131 收藏

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

7

CSS BFC特性(块级格式化上下文)

heath_learning 2019-01-21 发布于
7 收藏

BFC全称为”Block Formartting Context”，中文为”块级格式化上下文”。它是页面中的一块独立的渲染环境，并且有一套渲染规则，它决定了其子元素将如何定位，以及它和其他兄弟元素的关系和相互作用。

2

一篇文章带拿下盒模型BFC渲染机制

于梦中2010 2019-01-13 发布于
2 收藏

本篇将自己读过的相关盒模型BFC 文章中，对自己有启发的章节片段总结在这（会对原文进行删改）,会不断丰富提炼总结更新。

1

CSS2中盒模型与布局的一些概念关系

胡斐 2019-01-06 发布于
1 收藏

block-level elements 一般指HTML中的特定类型的元素，比如div，p，ul等。block boxes 指形成一个block formatting contexts的boxes。可以确定的时正常的block-level（没有改变它的position，display等默认属性值...

0

CSS盒模型与BFC

anetin 2018-12-06 发布于
收藏

每一个文档中，每个元素都被表示为一个矩形的盒子,它都会具有内容区、padding、border、margin。盒模型分为两种：

3

深入理解盒模型与BFC

Light 2018-11-14 发布于
3 收藏

开发者们都知道，由于历史遗留问题与既定标准的发展，存在着两个css盒模型。即W3C的标准盒模型以及IE的怪异盒模型。在css中，可以用box-sizing去定义元素的盒模型。

2

CSS8:到底什么是BFC？

马涛涛 2018-11-04 发布于
1 收藏

现在有flex布局等新技术，bfc的效果比如包住元素，进行自适应布局等已经不需要了。现在只有免式的事后才需要知道BFC！

16

css布局的各种FC简单介绍：BFC，IFC，GFC，FFC

楼兰小骑士 2018-05-16 发布于
15 收藏

Formatting Context，格式化上下文，指页面中一个渲染区域，拥有一套渲染规则，它决定了其子元素如何定位，以及与其他元素的相互关系和作用。

4

关于CSS中设置overflow属性的值为hidden的相关理解

心叶 2018-04-18 发布于
4 收藏

是不是包裹元素overflow设置为hidden以后，内部元素如果超过包裹元素的话就会被剪裁？答案是不一定，这要看此刻的CSS环境。

1

浅析BFC

Fyerl 2018-04-18 发布于
2 收藏

说起 BFC 其实有点像闭包在大多数人印象中的感觉，平时都用过，但在不了解定义的情况下大多数人却又不知道这就是 BFC。之所以会想了解下什么是 BFC，是因为前些日的一个简单且常见的排版问题

1

CSS布局相关基本概念

饭饭之辈 2018-03-25 发布于
1 收藏

主要参考文档：[链接][链接] 测试例子：[链接][链接] 理解文档流对于理解CSS布局其他相关概念很重要！！文档流将窗体自上而下划分为一行一行，在每行中从左至右排放元素，即为文档流每个非浮动块级元素独占一...