定位
定位的组成
定位=定位模式+边偏移
定位模式
通过position属性定义元素的定位模式语法如下：
选择器{ position: 属性值; }
1
定位模式是有不同的分类的，在不同的情况下，要用不同的定位模式
值 语义
static 静态定位
relative 相对定位
absolute 绝对定位
fixed 固定定位
边偏移
边偏移属性 示例 描述
top top：80px 顶端偏移量，定义元素相对于其父元素上边线的距离
bottom bottom：80px 底端偏移量，定义元素相对于其父元素上边线的距离
left left：80px 左端偏移量，定义元素相对于其父元素上边线的距离
right right：80px 右端偏移量，定义元素相对于其父元素上边线的距离
固定定位
完全不占位置；
只认浏览器的可视窗口 浏览器的可视窗口＋边偏移属性来设置元素位置
不随滚动条滚动
语法
position: fixed;
1
相对定位
相对于原来的位置进行偏移
原来的位置会被保留
语法
position:relative;
1
绝对定位
水平居中
left:50%
margin-left:-宽度的50%
静态定位
默认的定位方式
没有边偏移
基本不使用