static: 这个是默认的，相当于说没有使用定位的时候，其实你已经在使用这个属性了，只不过是有和没有这个属性 没有任何的的影响。
relative: 这个在我们写东西的时候，使用的频率比较高，这个被称为相对定位，它有2个属性 top left 这就是一个坐标，记住和我们数学上的坐标是不一样的，它是个平面的坐标 怎么说呢，它就是我们数学上的第四象限，但不同的是：它的下半轴是正的，而不是负的，这里没有画笔，不好表示，如果还是不知道的话，可以去网上找找资料。 而且这个坐标不是在body（也就是整个网页），而是在原本它应该的位置，所以就不难理解为什么叫相对定位。
下面给段代码吧，不要怕，很简单的：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
div {
background-color:#96C;
width:100px;
height:70px;
float:left;
margin-left:3px;
}
div.three {
position:relative;
top:100px; //top是指在原来的位置上向下移动100个像素，很容易可以推出如果想向上移动100个像素，那你就把值改为-100px即可。
left:50px; //left 是指在原来的位置上向右移动50个像素，同上。
}
</style>
</head>
<body>
<div >div1</div>
<div class="two">div2</div>
<div class="three">div3</div>
<div>div4</div>
</body>
</html>
div {
background-color:#96C;
width:100px;
height:70px;
float:left;
margin-left:3px;
}
div.three {
position:relative;
div.two {
position:absolute;
top:75px;
left:50px;
}
fixed： 其实这个属性和absolute完全一样，唯一不同的就是fixed无论怎么样，left top都是以body为参照物（有的人喜欢说父类），而absolute在有relative的前提下，不会以body为父类，会优先选择 relative
4226
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
