• CSS浮动相关清除浮动参考资料

CSS浮动相关

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

首先了解两个概念：

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

清除浮动

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

参考资料

• 关于浮动的前世今生
• 经验分享：CSS浮动(float,clear)通俗讲解
• CSS float浮动的深入研究、详解及拓展(一)
• CSS float浮动的深入研究、详解及拓展(二)
• 对CSS中的Position、Float属性的一些深入探讨

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