案发现场
图片在白色背景下设置下外边距不起效果
css-01.png
.wrap {
<section>something</section>
<section class="go">
<a href="javascript:;">
<img src="./images/go.png" alt="">
</a>
</section>
}
.go {
margin: 0 .266667rem 1.146667rem .48rem;
background-color: red; /* 测试用的 */
}
下外边距不起效果。
改用 padding，但不是我要的样子
css-02.png
设置 wrap{ padding-bottom: 1.146667rem } ,是我要的效果了，但如果要复用这个 wrap 选择器时可能会影响后续布局（后续用wrap时不需要下内边距）
css-03.png
- 给
.go设置个diaplay: inline-block，是我要的效果了，这里不需要文字，再设置个 font-size: 0比较好
css-04.png
- 触发
.go的BFC使其成为一个独立的容器，也可以达到想要的效果。
