margin改变尺寸
margin与可视尺寸
1、适用于没有设定width/height的普通block水平元素。
（浮动元素，absolute/fixed元素，内联元素不在此范围内）2、只适用于水平方向的尺寸
margin与占据尺寸
1、块级/内联元素同样适用
2、与有没有设置width/height无关
3、适用于垂直与水平方向
在“滚动容器内上下留白”，外层div使用padding时，会导致浏览器兼容问题。使用内层元素margin可以生效。
margin与百分比单位普通元素百分比margin的计算规则：根据当前元素的宽。
绝对定位元素百分比margin的计算规则：根据当前元素的第一个定位祖先元素的宽
margin重叠1、水平块级元素，不包括浮动元素与绝对定位元素。
2、不考虑writing-mode，只发生在垂直方向。
重叠情况1、相邻兄弟元素
2、父元素与第一个/最后一个子元素重叠
点击查看更多内容
为 TA 点赞
评论
共同学习，写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持，我会继续努力的～
扫码打赏，你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫，即可进行扫码打赏哦