案例:HTML DOM案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<html>
2
3
<head>
4
<style>
5
h1.ex1
6
{
7
position:relative;
8
left:20px;
9
}
10
h1.ex2
11
{
12
position:relative;
13
left:-20px;
14
}
15
</style>
16
</head>
17
18
<body>
19
<h1>Normal Heading</h1>
20
<h1 class="ex1">Heading +20</h1>
21
<h1 class="ex2">Heading -20</h1>
22
23
<p>相对定位相对于元素的正常位置对其进行移动。</p>
24
<p>"left:20" 给元素的 LEFT 位置增加 20 像素。</p>
25
<p>"left:-20" 从元素的 LEFT 位置减去 20 像素。</p>
26
</body>
27
28
</html>
29