CSS盒模型中
1.padding和border变化会使盒子的整体发生变化,若不想发生变化则用
box-sizing:border-box;
2.margin的变化会引起盒子发生位移,
但在处理父子关系的盒子中水平方向的margin可以使用,垂直方向的margin不能使用,因为会导致父盒子跟着变化,如何处理呢?给父盒子加一个边框即可;
但兄弟关系中水平方向和垂直方向的margin都可以使用(好神奇)。
而且只能使用margin-top和margin-left;margin-bottom和margin-right无效(暂时不知道为啥、记住就好)。
还有一个,在嵌套关系中(也就是父子关系),用margin:0 auto;
可以水平居中,垂直方向无效(就算设置auto auto也没毛用),垂直方向只能用具体数值表示。
3.margin本质上是用来控制兄弟之间的关系的,不是用来控制父子关系的。
padding才是用来控制父子关系的。