-
margin-start 1、正常的流向，margin-start等同于margin-left，两者重叠不累加。 2、如果水平流是从右往左，margin-start等同于margin-right。 3、在垂直流下（writing-mode:verticall-*;）,margin-start等同于margin-top。 二、margin-start、border-start，随着流特性应运而生。 三、webkit下的其他margin特性。 （1）margin-before：默认流向的情况下，等同于margin-top。 （2）margin-after：默认流向的情况下，等同于margin-bottom。 （3）margin-collapse： -webkit-margin-collapse: <collapse>（默认-重叠） | <discard>（取消） | <separate>（分隔）
查看全部 -
margin无效 1、inline水平元素的垂直margin无效。2个前提： （1）非替换元素，例如，不是<img>元素。 （2)正常书写模式：<span >设置margin</span> 2、margin重叠。 3、display:table-cell与margin： display:table-cell/ display:table-row等声明的margin无效。 （1）可以通过display:table-cell实现两栏布局，但是无法通过table-cell添加margin撑开间距。 （2）firefox：返回table-cell，实质是inline-block，margin不会重叠。 ie：返回table-cell，实质是table-cell，margin会重叠。 4、position:absolute与margin （1）绝对定位元素非定位方位的margin值“无效”。 （2）对定位没有影响，但是对占据空间有影响。绝对定位的margin值一直有效，只是不像普通元素那样，可以对兄弟元素产生影响。 5、鞭长莫及导致的margin无效。 （1）浮动和绝对定位是破坏性属性，会破坏整个页面元素的布局。（第11分钟） 6、内联特性导致的margin无效。 内联元素默认基线对齐。 图片受文字的影响，文字不能在div外面，图片为了和文字对齐，在与文字的基线对齐后，margin-top:-300，值的绝对值再往上升的时候，margin也不会对图片起作用。
查看全部 -
一、div的margin 1、如果元素设置了width/hegiht，原本应该填充的尺寸被width/ height强制变更，而margin:auto就是为了填充这个变更的尺寸设计的。 div{margin-left:auto;margin-right:100px;}。 2、规则：（1）如果一侧定值，一侧auto，auto为剩余空间大小。 （2）如果两侧均是auto，则平分剩余空间。 二、图片是inline水平，就算没有width，也不会占据整个容器。 三、margin:auto，实现居中，计算后的值不能为负值。 四、writing-mode与垂直居中。 writing-mode:vertical-lr，流为垂直流布局，则会垂直居中。 五、width/height限制了absolute元素自动填满容器。 margin:auto自动平分被变更的尺寸空间。（此特性ie8+）。 .son{position:absolute; top:0; right:0; bottom:0; left:0; width:500px; height:100px; margin:auto;}
查看全部 -
#### 干掉margin-bottom重叠 1. 父级是块级格式化上下文元素，如：overflow:hidden 2. 父级有border-bottom 3. 父级有padding-bottom 4. 父级和最后一个子元素有inline元素分割，如： 5. 父级有声明height
查看全部 -
djnfg fhjf
查看全部 -
相邻兄弟元素margin重叠
查看全部 -
父子margin重叠的其他条件
查看全部 -
margin能改变元素大小：margin正，元素变小；margin负，元素变大
查看全部 -
margon负值的实现查看全部
-
正负值相加查看全部
-
正正取大值查看全部
-
干掉margin-bottom查看全部
-
4.4.4查看全部
-
3.33.查看全部
-
2.2.2.查看全部
举报