css笔记(六)BFC规则
BFC规则
1. 什么BFC规则？
Block Formatting Context 块级格式化上下文
块级元素的渲染区域规则 BFC盒子 外部不影响内部 内部不影响外部
2. 哪些属性可以触发BFC规则？
| 方法 |
|---|
| float不为none |
| position属性为absolute和fixed |
| oveflow不为visiable |
| html 根标签 |
| display为inline-block |
3. BFC有哪些规则
| 规则 |
|---|
| BFC盒子内部的子标签按照垂直从上到下排 |
| 共用一个BFC盒子的垂直方向上的外边距会发生塌陷现象 |
| 子标签都会父盒子的左边界停靠，即使浮动元素也如此 |
| BFC盒子内部浮动元素也要参与高度计算 overflow:hidden |
| BFC区域和浮动元素不重叠 |
| BFC盒子是一个密闭空间 外部不影响内部 内部不影响外部 |
4.解决的问题
| 解决问题 |
|---|
| 外边距塌陷 |
| 浮动特性 |
| 清除浮动影响 |
| 图文不环绕 (p+overflow) |
写给看到最后的你
朋友，感谢你看到了最后，新手报道，技术不成熟的地方请多多指点，感谢！
公众号：Linux下撸python
期待和你再次相遇
愿你学的愉快