别把我和relative栓在一起






<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.scroll{
width: 500px;
height: 300px;
overflow: auto;
border: 30px solid #bbb;
}
.close{
position: absolute;
background: url(img/close.png) no-repeat;
width: 32px;
height: 32px;
left: 518px;
top:23px;
}
</style>
</head>
<body>
<div class="scroll">
<a href='javascript:;' class="close" title='关闭'></a>
<img src="http://img.mukewang.com/54447b06000171a002560191.jpg" />
<img src="http://img.mukewang.com/54447b06000171a002560191.jpg" />
</div>
</body>
</html>
独立的absolute,不加任何位置设定:
1,位置跟随(脱离文档流后,悬浮其上,位置不变)
作用:
1,摆脱overflow的限制;
2,去浮动;(有浮动的元素加absolute后会在无浮动的位置定位);
其中IE7的绝对定位,会使元素inline-block化,再套一层div,即可与高级浏览器相同效果


relative和absolute是分离的对立的,绝对不是什么兄弟关系
absolute越独立越强大
clear可以清除float的浮动
relative可以限制绝对定位absolute
clear限制float
relative限制absolute