文章 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、行内元素水平排列,直到当前行被占满然后换行,块级元素则会被渲染为完整的一....

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

开发与运维

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

+关注