定位一般是给元素设定一个目标，然后根据这个目标，调整元素的位置，定位有两种形式 相对定位 和 绝对定位。
| 属性 | 属性值 | 含义 |
|---|---|---|
| position | absolute | 绝对定位 |
| relative | 相对定位 | |
| fixed | 固定滚动条 |
定位操作也可以用于页面布局，效果跟 浮动布局 相识，通常也只能用于PC 页面的排版，也是传统的布局方式。
<div style="width:500px; height:500px; position: relative;">
<div style="background:#FA8072; width:500px; height:100px; position:absolute; top:0; left:0; ">头部</div>
<div style="background:#FFA07A; width:150px; height:300px; position:absolute; top:100px; left:0;">侧边拦</div>
<div style="background:#FFA500; width:350px; height: 300px; position:absolute; top:100px; left:150px;">内容</div>
<div style="background:#FF8C00; width:500px; height:100px; position:absolute; top:400px; left:0; ">尾部</div>
</div>显示效果