本用于记录个人学习记录：
http://www.zhangxinxu.com/wordpress/2010/01/css-float%E6%B5%AE%E5%8A%A8%E7%9A%84%E6%B7%B1%E5%85%A5%E7%A0%94%E7%A9%B6%E3%80%81%E8%AF%A6%E8%A7%A3%E5%8F%8A%E6%8B%93%E5%B1%95%E4%B8%80/

containing box：line boxes的高度垂直堆叠形成了containing box的高度；也就是我们见到的div或是p标签之类的高度了
inline boxes：例如span、a、em标签。
line boxes：inline boxes组成line boxes;line boxes的高度是由其内部最高的inline boxes的高度决定的;

content area：是一种围绕文字看不见的box。content area的大小与font-size大小相关。
图片的高度与height有关，与line-height无关。
光秃秃的文字，则属于匿名inline boxes。
float:left;浮动会破坏inline boxes的包裹性。
浮动就是个带有方位的display:inline-block属性。
display:inline-block某种意义上的作用就是包裹(wrap)，而浮动也有类似的效果。
浮动：破坏自身模型和高度。