请教div+css中padding的一些用法？

Question

在div中对某个样式加了padding属性后，其结构就会发生改变.比如设置一个ID宽为100px，再设置一个padding-left为10px，那么在浏览器上显示就会比原来多出10px，请问这是为什么如何能让它不多这10px呢.？？

Answer 1

为什么？
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即可

Answer 2

padding是内边距的意思，显示出来的效果就是div里面的内容与边距有10px的距离，你设置了padding-left意思是左边距的意思，也就是内容的左边离内容有10px的距离。而整个div框所占的体积=外边距（margin）+边框（border）+内边距（padding）+设定的宽度（width）。不想多出10px把padding-left设为0即可，或者把padding-left改为padding:0;。

Answer 3

width+padding=实际的宽度
所以你的width需要设置成90

Answer 4

css规则是这样的，加上padding-left:10px以后，就要改为width:90px;

Answer 5

内边距，你还懂这个含义啊