CSS教程:position 絕對位置的問題

來源:互聯網
上載者:User

今天做頁的時候,遇到了一個問題:div無法對父物件絕對位置。

<div id="fa">
     <div id="so" style="position:absolute; top:0; right:12px">
     </div>
</div>

 


但是發現無論怎麼調整都是針對body定位,鬱悶!

 


看了下css手冊,也沒發現有什麼不對。到網上查了下,發現了這麼一句話:absolute 脫離文檔流,通過 top,bottom,left,right 定位,選取其最近的父級定位元素,當父級 position 為 static 時,absolute元素將以body座標原點進行定位,可以通過z-index進行層次分級。

 


看完後豁然開朗,代碼修改如下,

<div id="fa" style="position:relative;">
     <div id="so" style="position:absolute; top:0; right:12px">
     </div>
</div>

犯了個低級錯誤!真丟人!難道我的css手冊太老了?

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.