CSS教程:position 絕對(duì)定位的問題_CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
今天做頁的時(shí)候,碰到了一個(gè)問題:div無法對(duì)父對(duì)象絕對(duì)定位。
<div id="fa">
<div id="so" style="position:absolute; top:0; right:12px">
</div>
</div>
但是發(fā)現(xiàn)無論怎么調(diào)整都是針對(duì)body定位,郁悶!
看了下css手冊,也沒發(fā)現(xiàn)有什么不對(duì)。到網(wǎng)上查了下,發(fā)現(xiàn)了這么一句話:absolute 脫離文檔流,通過 top,bottom,left,right 定位,選取其最近的父級(jí)定位元素,當(dāng)父級(jí) position 為 static 時(shí),absolute元素將以body坐標(biāo)原點(diǎn)進(jìn)行定位,可以通過z-index進(jìn)行層次分級(jí)。
看完后豁然開朗,代碼修改如下,
<div id="fa" style="position:relative;">
<div id="so" style="position:absolute; top:0; right:12px">
</div>
</div>
犯了個(gè)低級(jí)錯(cuò)誤!真丟人!難道我的css手冊太老了?
相關(guān)CSS教程:
- 相關(guān)鏈接:
- 教程說明:
CSS教程-CSS教程:position 絕對(duì)定位的問題
。