然后使用left、right、top、bottom屬性相對(duì)于其最接近的一個(gè)具有定位屬性的父包含塊進(jìn)行絕對(duì)定位。
最接近的一個(gè)具有定位屬性的父包含塊進(jìn)行絕對(duì)定位,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
舉個(gè)例子
<body>
<div class="main">
? ? ? <div class="main-img">
? ? ? <img src="" ?/>
? ? ? </div>
</div>
一共有兩個(gè)層，main層和main-img層。main-img層里放了一張圖片，main層就是main-img層的最近的父包含塊，如果要調(diào)整圖片的位置,對(duì)它設(shè)置絕對(duì)定位，調(diào)整位置時(shí)left,right,top,bottom是相對(duì)于父包含塊（也就是mian層）的位置來調(diào)整的。
2016-07-22
具有定位屬性的意思是說：這個(gè)塊中有一個(gè)position 屬性，absolute表示是絕對(duì)定位，即相對(duì)于坐標(biāo)原點(diǎn)的位置。
2016-07-22
就是positon:relative的那個(gè)塊
2016-07-22
div