《写给大家看的CSS书(第二版)》第4章读书笔记

盒子模型的content，padding，border，margin就不用说了。

想说的是，CSS能控制的是padding，border，margin。content由用户输入的内容控制。

于是就有了盒子到底有多大。

我们知道盒子的width=padding+content。不设置width，块盒子宽度自动撑满父元素。

只要用户输入内容不变，content不变，只有padding和width在变，即使width是固定值，padding增加，盒子宽度也增加。

怎也使content受到padding挤压呢？通过为内部div添加内边距，由外部div定义的栏的宽度能够保持不变即可。