border之外是margin， border之内是padding ,padding之内是width & height.

margin 垂直外边距叠加，水平外边距不叠加。(上右下左，如圆形钟表，从半夜0点开始)

 width，默认值 auto，会让元素的宽度扩展到与其父元素同宽 .

float:left or right;,创建多栏布局。

如果几个相邻的元素都具有设定的宽度，都是浮动的，而且水平空间也足以容纳它们，它们就会并列排在一行 ，

如果一个元素不想要上浮，

设置 float:clear; ,

or 上浮元素的父元素（如果父元素不同） overflow:hidden; （迫使父元素包含其浮动的子元素）

or 也浮动上浮元素的父元素； （这时父元素不能有空间，width:100%; 否则下面的元素会挤上来）

or，设置一个没有大小的点，设置成float:clear;

CSS 盒模型