-
列表巧用margin重叠 .list { margin-bottom: 10px; margin-top: 10px; }查看全部
-
父子margin重叠很多条件查看全部
-
margin: 1em 表示值为其字体的font-size的值得1倍（相同大小）查看全部
-
不考虑writing-mode，margin重叠只发生在垂直方向查看全部
-
1. 普通元素的margin设为百分比时是以容器的宽度为基准计算的！ 2. 绝对定位元素的百分比margin是相对于第一个定位祖先元素（relative/ absolute /fixed）的宽度计算的。查看全部
-
Margin重叠只发生在垂直方向的块元素上查看全部
-
块元素水平垂直都居中查看全部
-
两栏等高布局查看全部
-
writing-mode:vertical-lr查看全部
-
干掉margin-top重叠查看全部
-
普通元素的百分比margin都是相对于容器的宽度计算的.查看全部
-
有了margin-collapse属性，所谓的margin塌陷问题岂不已无存在了查看全部
-
一、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顺序和最终视觉顺序不符。 修改方法：查看全部
举报
0/150
提交
取消