2018.09.24 学习笔记 // 前端CSS // 浮动与BFC

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也是一种定位方式