-
mark。。
查看全部 -
mark，，
查看全部 -
mark看看
查看全部 -
mark，，，
查看全部 -
空block元素margin重叠
查看全部 -
mark,,,,
查看全部 -
img图片是行内元素，没有剩余空间，设置margin｛0 auto｝不生效 要永display block转化成块级元素才行查看全部
-
margin只能改变水平方向尺寸查看全部
-
margin无效情形：
1.display：table-cell//table-row 声明的margin无效
2.margin重叠
3.inline水平元素垂直margin无效
4.绝对定位元素非定位方位的margin值“无效”
5.图片左浮动，设置margin不够大时“无效”
6.内联特性 导致的margin无效
查看全部 -
图片元素设置margin ： 0 auto不居中，因为图片是inline水平，就算没有width，它也不会占据整个容器，设置图片display为block就可以居中了
auto是用来分配剩余容器空间的
更改流为垂直方向writing-mode:vertical-1r，实现垂直方向的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里面设置margin：auto可以实现水平垂直居中，此特性IE8+
查看全部 -
margin重叠通常特性：
block水平元素，不包括float和absolute元素
不考虑writing-mode，只发生在垂直方向margin-top，margin-bottom
margin重叠的3种情境：
相邻的兄弟元素
父级和第一个/最后一个子元素
空的block元素
margin重叠的计算规则：
1.正正取最大
2.正负值相加
3.负负最负值
margin重叠的优点：
更有健壮性，最后一个元素移除或位置调换，均不会破坏原来的布局
查看全部 -
普通元素百分比margin都是相对于容器宽度计算的；
绝对定位元素的百分比margin是相对第一个定位祖先元素（relative、absolute，fixed）的宽度计算的
查看全部 -
父子元素在这几种情景下会发生margin重叠查看全部
-
margin会发生重叠的几种情况： 1.只发生在block元素上 2.只会在垂直方向上发生层叠查看全部
-
margin影响元素的clientWdith的适用场景查看全部
举报