知识点

一、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的值越大，该元素就在上方。