标签归档：margin

css外边距叠加问题，即垂直方向margin合并

发表于2017年12月11日由Johnson

外边距叠加（合并）是指两个或多个包含或相邻的普通文档流的块元素在垂直方向上的边距（margin）会重叠在一起（即发生合并），重叠后的外边距大小等于这几个外边距中值较大的那个。继续阅读 →

发表在 CSS | 标签为 CSS, margin, 外边距, 外边距叠加 | 留下评论

发表于2017年10月16日由Johnson

现象：内层div设置margin-top没有效果，实际上已经产生了影响，但效果表现在其父层div上。原因：根据W3C盒子模型的规范，一个盒子(box)如果没有上边距(padding-top)或上边框(border-top) 继续阅读 →

发表在 CSS | 标签为 div, margin, margin-top, margin-top无效, 外边距, 外边距合并 | 留下评论

发表于2016年3月14日由Johnson

前端开发一些布局需求时常使用 margin 负值来达到效果，margin 负值在不同布局上会展现出不一样的效果。
① 针对两个上下布局的块元素（普通文档流）：
HTML：

<div class="box1"></div>
<div class="box2"></div>

发表在 CSS | 标签为 CSS, margin, margin负值 | 已关闭评论