2个边界之间的空白

这个可以解决吗?

https://gyazo.com/9716e632d85339c13bc04920d901d8c8

如果放大图像,则可以看到外部div边框和内部div背景色之间的空白。

<div class="box">
 <div class="box-inner"></div>
</div>
.box {
 border: 2px solid black;
 border-radius: 10px;
}
.box-inner {
 border: 2px solid red;
 background-color: red;
 border-radius: 10px;
}
评论
  • tiure
    tiure 回复

    What you can do is remove border-radius and border from .box-inner, and add overflow: hidden; to .box element

    .box {
      border: 2px solid black;
      border-radius: 10px;
      overflow: hidden;
    }
    .box-inner {
      background-color: red;
    }