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)，而浮动也有类似的效果。
浮动：破坏自身模型和高度。