定的位置上，从而完成界面的设计。定位分为相对定位、绝对定位和固定定位。

定位方式使用position设置，偏移的位置以距离上下左右的边界进行计算。

1、静态定位

静态定位是指元素保留在原始的位置，不被重新定位，position属性值的默认值为static。静态定位就是元素没有指定position属性。

2、相对定位

相对定位是指元素的位置发生改变时以它自身原来的位置作为参考。相对定位的元素不脱离工作流，以自己现有的位置为基准进行偏移。偏移分为left，right，top，bottom四个方向。

基本格式如下：position:relative;

3、绝对定位

绝对定位指元素脱离正常的工作流，偏移的位置以父级元素作为参考，在没有父级元素的情况下以浏览器的位置作为参考进行偏移。

基本格式如下：position:absolute;

4、固定定位

固定定位是指元素的位置不发生改变，以浏览器窗口作为参考系，固定定位的元素的坐标不发生改变，也不会随着浏览器的滚动而进行滚动。常见的应用，如：浏览器右下角的弹窗广告，固定在右下角的位置；还有app的底部导航栏等。

基本格式如下：position:fixed;

3、内边距

内边距（padding）出现在内容区域的周围。如果在元素上添加背景，那么