BFC 生成 特性 解决的问题
2024-10-09 09:59:51
BFC( 块级格式化上下文 )
块级格式化上下文，它是指一个独立的块级渲染区域，
只有 Blocklevel BOX 参与，该区域拥有一套
渲染规则来约束块级盒子的布局，且与区域外部无关.
如何生成BFC
1、根标签
2、float 的值不为 none
3、 overflow 的值不为 visible
4、display 的值为 inlineblock ,table-cell,table-caption
5、position 的值为 absolute 或 fixed
BFC 的特性
1.内部的标签会在垂直方向上一个接一个的放置
2.垂直方向上的距离由 margin 决定，属于同一个 BFC
的两个相邻标签的 margin 会发生重叠
3.每个标签的左外边距与包含块的左边界相接触（从左
向右），即使浮动标签也是如此。
4.BFC 的区域不会与 float 的标签区域重叠
5.计算 BFC 的高度时，浮动子标签也参与计算
6.BFC 就是页面上的一个隔离的独立容器，容器里面的
最新文章
- 解决Android singleTask模式下PendingIntent不能给onNewIntent传值的Bug
- Android studio 下JNI编程实例并生成so库
- Ecshop开发
- Basic4android：多功能的Android应用软件快速开发平台
- uva 657
- Apache Commons工具集简介（转）
- .net使用AsposeWord导出word table表格
- 使用 Vue 开发 scrollbar 滚动条组件
- 推荐一款好用的office转换PDF工具
- babel简介
- 如何在不使用try语句的情况下查看文件是否存在
- 9. Oracle DataGuard的介绍
- 获取mysql 配置和目录
- P2430严酷的训练
- Spring Mvc Web 配置拦截规则与访问静态资源 (三)
- Velocity VelocityEngine 支持多种loader 乱码问题
- Hive集合数据类型
- (转)GIL 与 Python 线程的纠葛
- Python Strings
- android4.3 Bluetooth分析之扫描分析