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

我走得很慢,但我从不后退。人生苦短,何妨一试。

b1f13b9f912120a538c18124a68f9e71.jpeg

1.什么是BFC?

43828bf8c2ea41c6878a076cd6eaf781.png

        BFC即 Block Formatting Contexts (块级格式化上下文), 是 W3C CSS2.1 规范中的一个概念。BFC是指浏览器中创建了一个独立的渲染区域(内部元素的渲染不会影响边界以外的元素),并且拥有一套渲染规则,他决定了其子元素如何定位,以及与其他元素的相互关系和作用。

af279b22cd2e45d08f06097678ad8cc9.jpeg

2.BFC特性

具有 BFC 特性的元素可以看作是隔离的独立容器,容器里面的元素不会在布局上影响到外面的元素,并且 BFC 具有普通容器所没有的一些特性。(因此它可以解决一些布局问题)

66c8e8de87d74c9d97ab6952cb6aeef4.jpeg

官方文档对BFC的描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值