前端工程师手册

CSS浮动相关

这也是CSS定位机制的一种。

首先了解两个概念:

  1. 文档流:文档流是文档中可显示对象在排列时所占用的位置。
  2. 浮动的定义:使元素脱离文档流,按照指定方向发生移动,遇到父级边界或者相邻的浮动元素停了下来。

浮动的实际用途,可设置文字环绕或使元素宽度由内容填充(类似Inline-block)。使用浮动需要注意的是如果浮动的元素高度比父级容器还高,那么需要设置父级容器的overflow属性为auto,使其自动撑满。

清除浮动

那些年我们一起清除过的浮动

参考资料