标签：BFC 块级 格式化 容器 元素 flex 浮动 left

BFC

Blocking Fomatting Context 块格式化上下文

是Web页面的可视化CSS渲染的一部分，是浮动元素与其他原色交互的区域

①BFC是一个独立的布局空间，BFC内部元素布局与外部互不影响

②可通过一些条件触发BFC

触发条件:

①根元素html

②float不为none

③overflow不为visible

④display为inline-block、table-cell、tabel-caption、flex、inline-flex

⑤position为absolute、fixed

特性:

①属于同一个BFC的两个相邻容器的上下margin会重叠

②计算BFC高度时，浮动元素也参与计算

③BFC的区域不会与浮动容器发生重叠

④BFC的容器在垂直方向依次排列

⑤元素的margin-left与其包含块的border-left相接触

⑥BFC是独立容器，容器内部元素不会影响容器内部元素

标签：BFC,块级,格式化,容器,元素,flex,浮动,left
来源： https://www.cnblogs.com/easonkkkk/p/16367164.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。