-
margin与百分比单位 1、水平方向百分比/垂直方向百分比 2、普通元素百分比/绝对定位元素百分比 普通元素的百分比margin都是相对于父级容器的宽度计算的! img{margin:10%; postion:absolute}的百分比margin是相对于第一个定位祖先元素(relative/absolute/fixed)的宽度计算的!查看全部
-
元素尺寸: 1、可视尺寸-clientWidth(标准) 2、占据尺寸-outerWidth(only yy) margin属性可以实现: 一侧定宽的自适应布局 margin与占据尺寸: 1、block/inline-block水平元素均适用 2、与有没有设定width/height值无关 3、适用于水平方向和垂直方向 如何利用这一特性? 1、滚动容器上下留白的问题(padding在非chrome浏览器中无法上下留白,margin属性可以实现) 2、实现多栏或两栏的等高布局查看全部
-
IE8+查看全部
-
margin与可视尺寸 1、适用于没有设定width/height的 普通 block 水平元素 2、只适用于水平方向尺寸查看全部
-
margin重叠条件查看全部
-
利用margin负值等高布局查看全部
-
absolute与margin居中查看全部
-
为什么有margin重叠查看全部
-
空block元素margin重叠其他条件查看全部
-
父子margin重叠其他条件查看全部
-
正正取大值,正负值相加,负负最负值查看全部
-
margin具体是哪个距离查看全部
-
内联元素不能出父元素外。查看全部
-
这里div设置margin-left无效是因为,这里margin:left是相对父容器的边,而不是图片的边。所以margin:left设置长一点,就能看见效果。查看全部
-
margin对display系列(table-caption,table,inline-table除外)无效. 但对button和img加上display系列有效查看全部
举报
0/150
提交
取消