css学习笔记 Float

Float 浮动   简单得说就是浏览器尽可能地将内容放到左边或右边。float的东西自动变成块级的了。

要理解float得先理解line box，而要理解line box 得先理解inline box。
inline box是由非块级元素产生，匿名的inline box是由块级元素里面的文本产生
line box是一个假象的矩形盒子，用来包含块级对象中的一行中的所有inline box，它和一行中最高的inline box一样高

float 的元素也是从文档流里面拖出来了，不影响随后的元素，不过靠近它的元素会被缩短，可以把它当成是只占据水平方向上的空间。

如果当前行没有足够空间来放置float的元素，则自动换行。