正如大多数人所知，
带有5px填充的100％div实际上是100％+ 10px宽。
一个明显的解决方案是wrap the child div in a wrapper that has a 10px margin 但是这个方法要求你添加额外的标记，我正在寻找一种方法来做100％+填充而不需要额外的div。
任何想法？
答案 0 :(得分：19)
<div>之类的块元素在填充后自动采用100％宽度 。即只需指定填充，将宽度保留在auto并确保元素具有display: block（<div>的默认值），您就能够达到预期的效果。
答案 1 :(得分：11)
您应该查看box-sizing CSS属性...
我汇总了一个示例，向您展示了它是如何工作的以及具有box-sizing属性和没有它的区别。看看小提琴......
http://jsfiddle.net/UnsungHero97/bKsad/2/
请注意，这在IE7或以下版本中无效：/
我希望这会有所帮助 赫里斯托斯