文章 2023-10-19 来自:开发者社区

前端CSS理解 —— BFC(块级格式化上下文)

我走得很慢,但我从不后退。人生苦短,何妨一试。1.什么是BFC?        BFC即 Block Formatting Contexts (块级格式化上下文), 是 W3C CSS2.1 规范中的一个概念。BFC是指浏览器中创建了一个独立的渲染区域(内部元素的渲染不会影响边界以外的元素),并且拥有一套渲染规则,他决定了其子元素如何定位,以及与其他元素的....

前端CSS理解 —— BFC(块级格式化上下文)
文章 2023-07-10 来自:开发者社区

CSS:BFC(Block Formatting Context 块级格式化上下文)

一、背景想要了解BFC的规则,必须是熟悉前端网页的多种布局手段,例如盒的显示模式display,三种布局手段标准流(normal)、浮动流(float)、定位流(position)等。只有熟练掌握了这些布局方法之后,才能很好的理解BFC。序号名称理解1普通流(normal)1、元素按照其在HTML中的先后位置至上而下布局2、行内元素水平排列,直到当前行被占满然后换行,块级元素则会被渲染为完整的一....

文章 2022-12-07 来自:开发者社区

【CSS】有意思的BFC:Block Formatting Context(块格式化上下文)!

前言大家好,我是HoMeTown,今天想聊一聊CSS中的BFC,很多朋友应该都听过这个名词,搞懂BFC可以让我们理解CSS中一些很诡异的地方,话不多说,直奔主题!什么是BFCBFC是什么?引用MDN的一段介绍:块格式化上下文(Block Formatting Context,BFC)  是 Web 页面的可视 CSS 渲染的一部分,是块级盒子的布局过程发生的区域,也是浮动元素与其他元素....

【CSS】有意思的BFC:Block Formatting Context(块格式化上下文)!

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

开发与运维

集结各类场景实战经验,助你开发运维畅行无忧

+关注