absolute是绝对定位的，是相对于浏览器。relative是相对的，如果有父类就相对于父类，如果没有就先对与浏览器。
下面看下有父类的情况：
<style type="text/css">
.test{
position:absolute;
top:100px;
left:100px;
border:1px solid red;
padding-top:10px;}
.test2{
border:1px solid blue;
top:100px;
left:100px;
position:relative;}
</style>
</head>
<body>
<div class="test">
postion test
<div class="test2">
position test2
</div>
</div>
</body>
</html>
那么他是相对与padding的text的：
要计算就要从position test的下面开始算。
2、我不知道为什么absolute的border的框怎么会框住文字而其他不会，比如下满看下relative吧：
待续吧。以后有更好的心得再续。