给DIV添加padding的时候需要对边框宽高进行修改来确保大小不变么?

padding是设置内边距的，如果要保持DIV大小不变，设置了padding值后DIV的宽高要相应减去padding的值，如：

原本你DIV的宽高为400*500的，而你设置了这个DIV的内边距padding的值为：10px 10px 10px 10px（分别对应DIV上、右、下、左的内边距），如果要保持DIV的大小不变，这时你DIV的宽高要设置为：380*480了。

为什么？

CSS定义的盒模型。padding为内边距，块的实际宽度是width+padding+border

怎么做？

最简单的就是计算，如lqiu0108所说改width:90px

但是有的时候width不是绝对大小，而是相对大小如10em，auto，100%等等就没法计算了，而内部padding又是必须的，一般两种做法

1、如果内层元素是块的话，就对内层元素定义padding或margin

2、如果内层元素是内联或者无法使用padding或margin的话，在内层元素外部再包一层块，如

<div id="sidebar">

<div class="gutter">

<p>Inner Content</p>

</div>

</div>

对div.gutter添加padding即可

div实际得宽度＝div宽度＋padding的宽度

想保持一定距离有很多方法：

你可以把让现在div的宽度改成减去padding后的宽度，

还可以里面欠个div直接设padding

---