CSS浮动相关

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

首先了解两个概念：

  • 文档流：文档流是文档中可显示对象在排列时所占用的位置。
  • 浮动的定义：使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。
    浮动的实际用途，可设置文字环绕或使元素宽度由内容填充（类似Inline-block)。使用浮动需要注意的是如果浮动的元素高度比父级容器还高，那么需要设置父级容器的overflow属性为auto,使其自动撑满。

清除浮动

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

参考资料

原文: https://leohxj.gitbooks.io/front-end-database/content/html-and-css-basic/css-float.html