margin:外邊距。

作用分配元素剩余空間
margin:0 auto; 　　　使元素水平居中

沒居中

居中

語法：

maegin:10px;

上右下左都是10px間距

margin:10px 20px;

上下：10px 左右20px；

margin：10px 20px 30px；

上10px 左右：20px 下:30px

margin:10px 20px 30px 40px;

順時針順序

上10px 右20px 下30px 左40px；

margin-top：10px;

margin-right:10px;

margin-bottom:10px;

margin-left:10px;

margin重疊效應
1.兩個相鄰元素
2.上下外邊距
3.正正：最終的間距取最大margin
4.正負：margin正負相加取值
5.負負：取絕對值最大的

margin溢出（重疊）
子元素margin-top，導致父元素向下移動
解決方案
1.給父元素設置overflow:hidden
2.給父元素設置padding-top
3.給父元素設置邊框border

padding：內邊距

語法：和margin一樣；

改變自身間距