定位于锚点

1、定位：position

1）属性：

static：默认值。位置设置为 static 的元素会正常显示，它始终会处于文档流给予的位置（static 元素会忽略任何 top、bottom、left 或 right 声明）。

relative：是相对于默认位置的偏移定位，通过设置left、top、right、bottom值可将其移至相对于其正常位置的地方（相对于自己的开始的位置发生的位置上的移动，【不会破坏正常的布局流】

absolute：相对于父级元素的绝对定位，浮出、脱离文档流，它不占据空间，就是我们所说的层，其位置相对于最近的已定位父元素而言的位置，若父级都没有定位，则以html（根元素）进行定位参考，可直接指定 “left”、“top”、“right” 以及 “bottom” 属性。。(层叠的顺序z-index:value)

fixed：固定定位：相对浏览器的绝对定位，不占位，是相对于浏览器窗口的指定坐标进行定位。此元素的位置可通过 "left"、"top"、"right" 以及"bottom" 属性来规定。不论窗口滚动与否，元素都会留在那个位置。

2）z-index：层叠属性

数值越大，层越靠上

2、锚点

1) 给元素定义命名锚记名 语法：<标记   id="命名锚记名">    </标记>

2) 命名锚记连接 语法：<a href="#命名锚记名称"></a>

3）作用：在同一页面内的不同位置进行跳转。