CSS：以百分比和边框表示的宽度

Question

我已经用百分比定义了容器的宽度。我想添加一个边框（宽度右侧为3px），由于容器的宽度为％，而边框的宽度为px，如何调整容器的宽度？

<div class="wrap">

  <div class="left">...</div>

  <div class="right">...</div>

</div>

.wrap{

    width:100%;

}

.left{

    width:30%;

}

.right{

    width:70%;

}

我想在.left的右侧添加3px边框。例如：

.left{

    width:30%;

    border:3px solid #000;

}

由于我已在％中定义了宽度，因此重新调整.left宽度的最佳方法是什么。我可以将宽度大致减少到29％，但是我想精确地做。

Answer 1

跨浏览器最简单的方法是不在外部div上设置边框，而在内部的new div上设置边框.left。简单，效果很好。

Answer 2

只要改变px对vw喜欢border-width: 10px;至border-width: 10vw;它的百分比是多少