CSS 定位属性详解
position 属性决定了元素的定位模式，它控制元素如何被放置在文档流中。常见的值有四种：static、relative、fixed 和 absolute。配合 top、bottom、left、right 使用，可以精确控制元素位置。
position: static
这是默认值。HTML 元素默认就是 static 定位的，不受 top、bottom、left、right 影响，始终按照正常文档流排列。
<!DOCTYPE html>
<html>
<head>
<style>
div.static {
position: static;
border: 3px solid #73AD21;
}
</style>
</head>
<body>
<div class="static">This <div> element has position: static;</div>
</body>
</html>
对应的样式定义如下：
div.static {
position: static;
border: 3px solid #73AD21;
}
position: relative
相对定位的元素相对于其自身原始位置进行偏移。设置 、、、 后，元素会离开原来的位置，但原来占据的空间依然保留，不会影响其他元素布局。