最接近的一个具有定位属性的父包含块进行绝对定位,zhe
<title>absolute样式</title>
<style type="text/css">
div{
width:200px;
height:200px;
border:2px red solid;
position:absolute;
right:100px;
top:20px;
}
</style>
</head>
<body>
<div id="div1"></div>
</body>
这里的“具有定位属性的父包含块”是指的什么?
举个例子
<body>
<div class="main">
<div class="main-img">
<img src="" />
</div>
</div>
一共有两个层,main层和main-img层。main-img层里放了一张图片,main层就是main-img层的最近的父包含块,如果要调整图片的位置,对它设置绝对定位,调整位置时left,right,top,bottom是相对于父包含块(也就是mian层)的位置来调整的。
具有定位属性的意思是说:这个块中有一个position 属性,absolute表示是绝对定位,即相对于坐标原点的位置。
就是positon:relative的那个块
div