理解CSS布局中的position属性（子元素相对定位与父元素绝对定位）

在学习CSS中定位的使用时，遵循子绝父相的原则。这样设置用于我们需要让某个子元素相对父元素进行绝对定位布局

子绝父相：绝指的是绝对定位，css中的position: absolute；相是指css中的position: relative。

子绝父相能够使子节点按照父节点的标准进行绝对定位.

这样我们就能使孩子logo相对于父亲w进行定位布局。如果没有给父亲设置相对定位，孩子logo则将继续向祖先寻找定位基准。

父级需要占有位置，因此是相对定位，子盒子不需要占有位置，则是绝对定位

1.子级绝对定位，不会占有位置，可以放到父盒子里面的任何一个地方，不会影响其他的兄弟盒子
2.子盒子需要加定位限制子盒子在父盒子内显示
3.父盒子布局时，需要占有位置，因此父亲只能是相对定位

绝对定位的盒子居中

加了绝对定位的盒子不能通过margin: 0 auto; 水平居中.