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

猜你喜欢

转载自blog.csdn.net/weixin_41004238/article/details/82836022