-
元素尺寸：可视尺寸clientWidth(标准) 占据尺寸-outerWidth(YY)
查看全部 -
图片的大小变化可以用百分比来调整，查看全部 -
1，在元素设置了position：absolute的时候，要对应设置left，right，top，buttom，margin才会有效效果
查看全部 -
双栏 等高布局
但是由于 margin设置为负数了，会出现元素左上角偏移很大，当我们使用了focus的时候，就会因为元素偏移很大，而出现了页面飞走的情况查看全部 -
margin副作用好大呀，还是用position布局比较稳定啊
查看全部 -
诞生之初，相当于跟报纸一样的排版，只需要这些简单的属性。因此margin的使用，要回归本身，当前网页新增的元素，应该用新增的属性去布局。
查看全部 -
margin-left:-50px;
能让面积突破父元素区域。
查看全部 -
width固定，就无法用margin改变尺寸了。
只有width不设置或者width:100%; 才能合理用margin布局
查看全部 -
inline水平元素的垂直margin无效，替换元素如<img>、<button> 除外
display:table-cell/display:table-row等声明的margin无效，替换元素如<img>、<button> 除外
绝对定位元素非定位方向的margin值看上去无效，其实是有效的，只是因为绝对定位元素与相邻元素之间是独立存在的。 如果给容器加上position:relative就能是margin生效
浮动导致的margin失效，其实是因为浮动元素是相对相邻元素独立存在导致的。
内联inline特性导致的margin失效，是因为内联元素不能完全偏离到容器外导致的
查看全部 -
writing-mode:horizontal-tb;//默认：水平方向，从上到下
writing-mode: vertical-rl;//垂直方向，从右向左
writing-mode: vertical-lr;//垂直方向，从左向右
改变dom流的方向，也包括margin-start的方向-webkit-margin-collapse:<collapse>（默认-重叠）|<discard>（取消-margin失效）|<separate>（分隔-margin累加）
控制margin重叠，
查看全部 -
webkit下的其他margin相关属性：margin-before、margin-after
margin-collapse
查看全部 -
margin-start margin-end
查看全部 -
6、内联特性导致的margin无效
查看全部 -
5、鞭长莫及导致的margin无效
查看全部 -
4、position：absolute与margin
绝对定位元素非定位方位的margin值无效
（容器添加position: relative）
查看全部
举报