CSS中BFC规则
2024-09-04 18:50:05
何为BFC
BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。
BFC规则
- 内部的Box会在垂直方向，一个接一个地放置。
- Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠。
- 每个元素的margin box的左边， 与包含块border box的左边相接触(对于从左往右的格式化，否则相反)。即使存在浮动也是如此。
- BFC的区域不会与float box重叠。
- BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。反之也如此。
- 计算BFC的高度时，浮动元素也参与计算
BFC应用
- 清除浮动
- 防止 margin 重叠
- 多栏布局的一种方式
最新文章
- Python-socket网络编程
- [转]mac 10.9.4下配置apache
- 精美&创意的WordPress新发主题集合
- Camus导入中文乱码问题（源码修改、编译、部署、任务启动）
- Python3基础 定义有参数有返回值函数 对传入的参数加1
- ASP.NET没有魔法——ASP.NET MVC & 分层 代码篇
- React Native实现一个自定义模块
- 根据高德API知道坐标获取详细地址信息
- Vue脚手架搭建项目
- php 命令行参数
- pip使用简要说明
- android 开发 实现一个activity变成dialog对话框
- Java的反射机制与泛型擦除
- odoo自动更新表中数据
- windows系统同时连接多个openvpn账户
- sql 取前一年、月
- MPAndroidChart Wiki(译文)～Part 4
- git config简写命令
- java的unity单元测试
- XP右键菜单添加“打开所在文件夹”功能