-
1 1.1.查看全部
-
干掉margin-top重叠查看全部
-
父子margin重叠查看全部
-
绝对定位是针对上级relative／absolute／fixed的宽度计算的查看全部
-
margin的百分比单位是相对于容器的宽度。查看全部
-
水平子元素定宽 设置为auto会自动居中 垂直auto 不会自动居中查看全部
-
有时候元素inline元素 需要换成block元素才可以进行调整位置查看全部
-
margin 适用于没有设定宽高的block元素 只适用于水平方向尺寸查看全部
-
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也不会对图片起作用。查看全部
-
二、overflow:hidden；块状区域格式化上下文。 三、两栏等高布局：（1）margin-bottom改变它占据的空间。（2）用padding-bottom把它原来消失的空间补回来。 副作用：fox会改变布局，使效果失效。不过大部分情况下都可以使用，ie6都支持。 四、如果让图和文字实现下图效果： <img width="150px" src="/yunweiyun_mobile/static/images/bg.png"> <p >图片有浮动</p> 但是这样的话，dom顺序和最终视觉顺序不符。查看全部
-
absolute与margin居中查看全部
-
margin重叠的好处查看全部
-
margin重叠的意义查看全部
-
margin重叠的计算规则查看全部
举报
0/150
提交
取消