https://www.bilibili.com/video/av24127053?from=search&seid=12036273595545311861
1.什么是浮动?为什么要清除?
脱离文档流
- 空间被后面的人占用
- 不排队的人也得排自己的队
- 全部浮动,实现横向排列
- 父元素没有了高度(会影响后面的元素),所以要清除。
2.如何“清楚浮动”/“闭合浮动”?
1.overflow:hiddin 2.给父级添加伪元素选择器
触发了BFC
1. 什么是BFC
BFC:“块级格式化上下文”,一个环境中的元素不会影响其他环境中的布局。比如浮动元素会形成BFC,浮动元素内部子元素主要受该浮动元素影响,两个浮动元素之间是相互不影响的。BFC仍然属于文档流。
2. 如何产生BFC
- a)float的值不为none
- b) overflow的值不为visible
- c) display的值为table-cell table-caption inline-block 中的任何一个
- d) position的值不为relative和static
css3 触发bfc方式可以简单描述为 在元素定位非 static relative 的情况下触发 float也是一种定位方式