然后使用left、right、top、bottom屬性相對于其最接近的一個具有定位屬性的父包含塊進行絕對定位。
最接近的一個具有定位屬性的父包含塊進行絕對定位,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>
這里的“具有定位屬性的父包含塊”是指的什么?
2016-07-22
舉個例子
<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層)的位置來調整的。
2016-07-22
具有定位屬性的意思是說:這個塊中有一個position 屬性,absolute表示是絕對定位,即相對于坐標原點的位置。
2016-07-22
就是positon:relative的那個塊
2016-07-22
div