盒子模型、文档流、定位和浮动一定要清楚
- 盒子模型：浏览器把每种标记都当做一个盒子，有两种盒子（内联和框），他们在文档流中的布局模式是不同的。
- 文档流：框盒子会被从上到下的布局，内联盒子会被从左到右、从上到下的布局。
- 定位：可以修改框盒子的定位方式，static（正常的文档流中的位置）、absolute（相对于最近一个被定位（非static定位）了的祖先元素的位置，脱离了文档流）、relative（相对于正常的文档流的位置，保留原来的位置）、fixed（相对于窗口，脱离了文档流）。
- 浮动：浮动会导致元素脱离文档流，元素会浮动到父亲元素的边缘或其它浮动元素的边缘，如果遇到空间不够就会下降寻找足够的空间，浮动一般伴随着清除，清除会让元素的左右没有任何浮动元素。
盒子模型
原文：http://www.cnblogs.com/HX930906/p/4951722.html
