一个更现代的解决方案可能是使用css变量和calc. calc被广泛支持，但在IE11中还没有变量(可使用polyfills)。

:root {
  box-width: 100px;
  border-width: 1px;
}

#box {
  width: calc(var(--box-width) - var(--border-width));
}

虽然这确实需要一些计算，这是最初的问题想要避免的。我认为这是一个使用计算的好时机，因为它们是由css本身控制的。它也不需要额外的标记或占用以后可能需要的其他css属性。

这个解决方案只有在不需要固定高度的情况下才真正有用。

为了在新旧浏览器之间保持一致的呈现，可以添加一个双容器，外部的容器具有宽度，内部的容器具有边框。

<div style="width:100px;">
<div style="border:2px solid #000;">
contents here
</div>
</div>

这显然只在精确宽度比额外标记更重要的情况下才会发生!

也许这是一个迟来的答案，但我想分享我的发现。我发现了2种解决这个问题的新方法，这是我在答案中没有发现的:

内边框通过box-shadow css属性

是的，box-shadow用于为元素添加box-shadow。但你可以指定嵌入阴影，它看起来像一个内边框，而不是一个阴影。你只需要将水平和垂直阴影设置为0px，并将盒子阴影的“spread”属性设置为你想要的边界宽度。所以对于10px的“内”边框，你可以这样写:

div{
    width:100px;
    height:100px;
    background-color:yellow;
    box-shadow:0px 0px 0px 10px black inset;
    margin-bottom:20px;
}

下面是一个jsFiddle示例，演示了盒影边框和“正常”边框之间的区别。这样你的边框和盒子宽度总共是100px，包括边框。

更多关于box-shadow的内容:这里

通过outline css属性设置边框

这是另一种方法，但这种方法的边界将在框外。这里有一个例子。 如下例所示，您可以使用css outline属性，来设置不影响元素宽度和高度的边框。这样，边框宽度就不会被添加到元素的宽度中。

div{
   width:100px;
   height:100px;
   background-color:yellow;
   outline:10px solid black;
}

更多关于大纲的内容:这里

你可以用偏移量来查看大纲，但这需要一些填充来存在于你的div上。或者你完全可以在里面放置一个边界div

<div id='parentDiv' style='position:relative'>
  <div id='parentDivsContent'></div>
  <div id='fakeBordersDiv' 
       style='position: absolute;width: 100%;
              height: 100%;
              z-index: 2;
              border: 2px solid;
              border-radius: 2px;'/>
</div>

你可能需要摆弄假边界div的边缘，以适合你喜欢的。

一个更现代的解决方案可能是使用css变量和calc. calc被广泛支持，但在IE11中还没有变量(可使用polyfills)。

:root {
  box-width: 100px;
  border-width: 1px;
}

#box {
  width: calc(var(--box-width) - var(--border-width));
}

虽然这确实需要一些计算，这是最初的问题想要避免的。我认为这是一个使用计算的好时机，因为它们是由css本身控制的。它也不需要额外的标记或占用以后可能需要的其他css属性。

这个解决方案只有在不需要固定高度的情况下才真正有用。

设置box-sizing属性为border-box:

div { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 宽度:100 px; 身高:100 px; 边框:20px实体#f00; 背景:# 00 f; 保证金:10 px; ｝ Div + Div { 边框:10px纯红色; ｝ < div >你好!< / div > < div >你好!< / div >

它适用于IE8及以上版本。