为什么加了border:solid,背景颜色就能全覆盖?

我没加border:solid之前是如下所示,上部分的背景颜色是没有的

clipboard.png

加了border:solid之后可以看到背景颜色完全覆盖了
clipboard.png
d.png](/img/bV87wK)

更多的代码如下:

clipboard.png

阅读 3.4k
1 个回答

border 阻挡了 margin-top 坍塌。

要观察这现象可以把 border 换成 outline 。

要避免 margin-top 问题可以换成容器 padding-top 或者换掉容器的 overflow 属性。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题