标签：right 前端 relative 12 position 008 margin
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>position-relative</title>
</head>
<body style="width: 1080px;margin:0 auto">
<h3>12-position:</h3>
<h3>12-position:1-fixed-标签固定在页面的某个位置</h3>
<h3>12-position:relative-absolute-（两者配合使用）固定在标签的某个位置</h3>
<h3>12-position:(rigt与margin-right两者配合使用剧中)-right: 50%;margin-right: -60px;</h3>
<h1 id="sample" style="background-color: #e75e15;text-align: center;margin-top: 100px">例子</h1>
<div style="width: 1080px;height: 200px;border: 1px solid red;position: relative">
<div style="background-color: #e75e15;height: 30px;width: 120px;position: absolute;bottom: 5px;right: 50%;margin-right: -60px;">固定在个这位置</div>
</div>
</body>
</html>
标签：right,
前端,
relative,
12,
position,
008,
margin
From： https://www.cnblogs.com/lfyxys/p/16905836.html