盒子模型关于嵌套关系、margin：0 auto与text-align区别

1.如果两个盒子是嵌套关系, 那么设置了里面一个盒子顶部的外边距, 外面一个盒子也会被顶下来

2.如果外面的盒子不想被一起定下来,那么可以给外面的盒子添加一个边框属性

3.在企业开发中, 一般情况下如果需要控制嵌套关系盒子之间的距离, 应该首先考虑padding, 其次再考虑margin

margin本质上是用于控制兄弟关系之间的间隙的

注意点：
1.在嵌套关系的盒子中, 我们可以利用margin: 0 auto;的方式来让里面的盒子在外面的盒子中水平居中
2.margin: 0 auto; 只对水平方向有效, 对垂直方向无效

text-align:center;和margin:0 auto;区别

text-align: center;作用

设置盒子中存储的文字/图片水平居中

margin:0 auto;作用

让盒子自己水平居中