Css 如何使内部div宽度正好比外部div宽度小4个像素？

代码是这样的。外部div，假设是200px宽。我希望内部div正好比外部div小4个像素，即使调整外部div的大小。我更关心的是高度，而不是宽度

基本上，我使用的是外部边界和内部宽度，因此，如果我的内部div与外部宽度相同，则内部div从外部div出来（它向右移动1px）

我基本上是！[在此处输入图像描述][1]查找以下内容：

---

child.width=parent.width-4px

你能不能给内部div一个2px的边距

修改

比实际情况要复杂一点，但这似乎是错误的（来自Ash的小提琴）

---

您只需使用页边距即可。看看这个JSFIDLE

---

是的，请给出相对于外部div的100%高度和宽度。请参见下面我的评论。这是一个好主意，但不适用于高度（适用于宽度）。另外，我希望两个边界连接，所以应用填充到外部div对我来说更可取。谢谢，它确实起了作用。在实际的浏览器中，我必须像这样添加填充：inner-div.padding:04px4px0；在JSFIDLE中，您的代码工作得非常好。不知道实际浏览器中出现了什么问题。谢谢好东西，戴夫！我猜可能还有其他因素会影响从其他样式继承下来的实际项目中的不同pad和边距。我只是使用一个测试页面，没有大项目或大CSS级联。将再次签出。在JSFIDLE中键入此代码。它几乎实现了我的意图，但从高度上看，内部div来自外部div。[代码]#div1{高度：300px；宽度：200px；边框：2px纯红；}#div2{高度：100%；边框：2px纯蓝；}-您以前的帖子，但在外部div的底部添加了4px填充。或内部边框宽度*2