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;

它的百分比是多少