热设置容器内的整个滚动条

Question

在下面的示例中，您将看到滚动条溢出了其容器，并且如果边框具有半径，则这是一张难看的图片。

如何避免这种情况？

.parent{
border:2px solid orange;
border-radius:0 0 14px 14px;
max-height:100vh;
overflow-y:scroll;
position:fixed;
top:0; left:0;
}

.title{
padding:3px 9px;
}

<div class='parent'>
<div class='title'>lorem ipsum</div>
<div class='title'>lorem ipsum</div>
<div class='title'>lorem ipsum</div>
</div>