CSS百分比位置减去像素

Question

有没有办法在纯CSS中执行以下操作？

.item {
    width: 85% - 1px;
}

换句话说，我希望项目宽度为85％，减去一个像素（忽略边框）。

我将如何做到这一点？

Answer 1

虽然它不适用于旧版浏览器

bcdedit.exe

Answer 2

有一个CSS calc功能。

https://developer.mozilla.org/en-US/docs/Web/CSS/calc

在你的情况下，它看起来像这样

width: calc(85% - 1px);

Answer 3

也许使用box-sizing: border-box？

https://developer.mozilla.org/ru/docs/Web/CSS/box-sizing

div{
  height: 50px;
  width: 85%;
  border: 1px solid #f00;
  background: #ccc;
  margin: 15px auto;
}

.box-sizing{
  box-sizing: border-box;
}

<div></div>
<div class="box-sizing"></div>