relative和absolute的一个很重要的区别：当被定义成absolute的对象被移出了，他原来的位置也就不存在了；如果被定义成relative的对象被移出了,他原来的位置还在，别的元素也不能替代这个位置.
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1 style="margin-top:580px;">hello</h1>
<h2 style="position:relative;bottom:300px;">world</h2>
</body>
</html>
没有h2的时候侧边不会有滚动条，现在尽管加了position:relative，侧边栏仍然有滚动条。