![img](https://img-mid.csdnimg.cn/release/static/image/mid/ask/678121665146196.png "#left")
给按钮增加一个margin-top 就出现了白色, 不加margin-top就不出现白色,为什么啊
![img](https://img-mid.csdnimg.cn/release/static/image/mid/ask/678121665146196.png "#left")
给按钮增加一个margin-top 就出现了白色, 不加margin-top就不出现白色,为什么啊
原理:一个盒子如果没有上补白(padding-top)和上边框(border-top),那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。
你这里可以用父级的padding-top
替换按钮的margin-top
,或者给父级设置overflow: hidden