margin:外邊距隅忿。
作用分配元素剩余空間
margin:0 auto; 使元素水平居中
沒居中
居中
語(yǔ)法:
maegin:10px;
上右下左都是10px間距
margin:10px 20px;
上下:10px 左右20px;
margin:10px 20px 30px测秸;
上10px 左右:20px 下:30px
margin:10px 20px 30px 40px;
順時(shí)針順序
上10px 右20px 下30px 左40px兴使;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
margin-left:10px;
margin重疊效應(yīng)
1.兩個(gè)相鄰元素
2.上下外邊距
3.正正:最終的間距取最大margin
4.正負(fù):margin正負(fù)相加取值
5.負(fù)負(fù):取絕對(duì)值最大的
margin溢出(重疊)
子元素margin-top系宜,導(dǎo)致父元素向下移動(dòng)
解決方案
1.給父元素設(shè)置overflow:hidden
2.給父元素設(shè)置padding-top
3.給父元素設(shè)置邊框border
padding:內(nèi)邊距
語(yǔ)法:和margin一樣;
改變自身間距