一、position 位置
只要使用定位，必须有一个相对的参照物。relative
具体定位的那个元素要加position：absolution；
使用绝对定位的时候，浏览器会逐层向上级元素找position属性，知道找到position或到body。
二、页面布局
结构层：搭建页面框架。
布局层：针对框架内部结构进行排版。
三、div盒子模型
就是一个容器，可以装任何标签。
1）、盒子实际占用的空间
2）、盒子实际宽度和高度
3）、如何理解盒子模型
四、position：relative；如果设置值了，相对原来的位置进行调整
二者区别
1. absolute会脱离标准流，relative不会，relative虽然给值了，但是依然占有着原来的位置。
2. relative存在”形影分离”，所以一般情况下不建议添加值了，一般给子元素当参照位置，或者是元素的微调。
3，Absolute 会有一种现象”压盖”效果
z-index层次关系，可以改变元素的层叠位置，所有的标签默认是0， z-index的值越大，该元素就在上方。