如果想为元素设置层模型中的绝对定位，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口。
其中，【然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。】，，，这句话，“具有定位属性的父包含块”，，，那么，在设置子一代的绝对定位，需要为父包含块设置定位吗？？？完整的是怎么设置的？？
2017-01-15
比如div1里有个子div2，那么需要给div1设置position:relative,div2设置position:absolute. 之后div2的位置就会以div1为参照定位了。
至于left、right、top、bottom属性，意思是相对父DIV对应方向的距离，具体可以复制修改以下代码理解。
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>绝对定位</title>
<style>
#div1 {
position:relative; /* 设置相对定位 */
width:200px;
height:200px;
border:2px solid black;
}
#div2 {
position:absolute; /* 设置绝对定位 */
width:100px;
height:100px;
border:1px dashed red;
right:0;
top:50px;
}
</style>
</head>
<body>
<div id="div1">父DIV
<div id="div2">子DIV</div>
</div>
</body>
</html>
举报
