Question

css内边距问题，关于使用padding后容器被撑开

如题，就是说不用在设置了padding之后对容器的宽、高再进行设置不撑开容器，希望高手帮忙解决一下问题，如果解决了的话还有分数追加

Answer 1

如上图所示，DIV是一个盒模型，padding内边距是计算在整个盒子的大小的。

但是margin是外边距，并不计入DIV的大小。

Answer 2

用box-sizing: border-box;就可以了

w3school上的定义和用法：

div的宽高为200*200，给div加个padding: 20px;，div的宽高为240*240

用了box-sizing: border-box;后的效果

希望能帮到你

Answer 3

padding使用后。一个盒子的宽度不变，内边距增加了。所以要想还是原来盒子的大小就必须要把盒子的宽度减掉一些。padding所增加了多少就要剪掉width多少，这样就不会改变容器（盒子）的大小。

Answer 4

padding、marginr的宽度是计算在宽度总和里的。比如，
设置div宽度为800px，如果不用padding和margin，可以这么写：
div{width:800px;}

如果用了padding，则需要这么写：
div{width:750px;padding:0 25px;}