-
mark。。
查看全部 -
mark，，
查看全部 -
mark看看
查看全部 -
mark，，，
查看全部 -
空block元素margin重疊
查看全部 -
mark,,,,
查看全部 -
img圖片是行內(nèi)元素，沒有剩余空間，設(shè)置margin｛0 auto｝不生效 要永display block轉(zhuǎn)化成塊級元素才行查看全部
-
margin只能改變水平方向尺寸查看全部
-
margin無效情形：
1.display：table-cell//table-row 聲明的margin無效
2.margin重疊
3.inline水平元素垂直margin無效
4.絕對定位元素非定位方位的margin值“無效”
5.圖片左浮動，設(shè)置margin不夠大時“無效”
6.內(nèi)聯(lián)特性 導(dǎo)致的margin無效
查看全部 -
圖片元素設(shè)置margin ： 0 auto不居中，因?yàn)閳D片是inline水平，就算沒有width，它也不會占據(jù)整個容器，設(shè)置圖片display為block就可以居中了
auto是用來分配剩余容器空間的
更改流為垂直方向writing-mode:vertical-1r，實(shí)現(xiàn)垂直方向的margin：auto居中
width/height會限制absolute元素自動填滿容器
.father {height:200px;position:relative;}
.son{position:absolute;top:0;right:0;bottom:0;left:0; width:500px;height:100px;
}此時son里面設(shè)置margin：auto可以實(shí)現(xiàn)水平垂直居中，此特性IE8+
查看全部 -
margin重疊通常特性：
block水平元素，不包括float和absolute元素
不考慮writing-mode，只發(fā)生在垂直方向margin-top，margin-bottom
margin重疊的3種情境：
相鄰的兄弟元素
父級和第一個/最后一個子元素
空的block元素
margin重疊的計算規(guī)則：
1.正正取最大
2.正負(fù)值相加
3.負(fù)負(fù)最負(fù)值
margin重疊的優(yōu)點(diǎn)：
更有健壯性，最后一個元素移除或位置調(diào)換，均不會破壞原來的布局
查看全部 -
普通元素百分比margin都是相對于容器寬度計算的；
絕對定位元素的百分比margin是相對第一個定位祖先元素（relative、absolute，fixed）的寬度計算的
查看全部 -
父子元素在這幾種情景下會發(fā)生margin重疊查看全部
-
margin會發(fā)生重疊的幾種情況： 1.只發(fā)生在block元素上 2.只會在垂直方向上發(fā)生層疊查看全部
-
margin影響元素的clientWdith的適用場景查看全部
舉報