https://developer.mozilla.org/zh-CN/docs/Web/CSS/position
position: relative是相对定位。相对定位的元素是在文档中的正常位置偏移给定的值,但是不影响其他元素的偏移。
示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
#three {
position: relative;
top: 30px;
left: 30px;
color: blue;
}
</style>
</head>
<body>
<button id="one">第一个按钮</button>
<button id="two">第二个按钮</button>
<button id="three">第三个按钮</button>
<button id="four">第四个按钮</button>
</body>
</html>
展示效果: