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;
}
点赞
评论