記得一年前剛開始學習css的時候，定位這塊看了很多資料，第乙個專案特別**的排版全部用的position o__o 「…。ok,言歸正傳，今天在寫乙個輪播的時候，又對絕對定位有些疑惑，自己寫了個demo之後，思維清晰了，來寫個部落格加深下印象。
w3c上對絕對定位的解釋是這樣
生成絕對定位的元素，相對於 static 定位以外的第乙個父元素進行定位。依照我的理解，絕對定位的參考物件可分為兩種型別元素的位置通過 「left」, 「top」, 「right」 以及 「bottom」 屬性進行規定。
其父級有定位元素時(除position:static)，參考最近的定位父級元素。
沒有定位的父級元素時，以瀏覽器視窗為參考物件，若有滾動條，則是以第一屏（及沒有滾動時）為參考物件。
參考物件確定後，那麼子元素是如何根據參考物件來進行定位的呢。以乙個相對定位的父級元素和乙個絕對定位的子元素為例
先來看四種情況
這四種情況是比較常見的定位位置，很明顯的是，子元素的四個邊其實是和父級元素的四個邊相互對應的，為何這麼說呢。就以right:0px;top:0px;為例，解釋一下就是子元素的右邊框距離父元素的右邊框0px,子元素的上邊框距離父元素的上邊框0px。
大家可以自己寫些小demo加深下印象。
絕對定位元素的位置
1 開啟定位後 水平布局 left margin left border left padding left width padding right border right margin right right 包含快的內容區的寬度 當我們開啟了絕對定位後 水平方向的布局等式需要新增left 和 ...
絕對定位元素的居中實現
如果要問如何css實現絕對定位元素的居中效果，很多人心裡已經有答案了。相容性不錯的主流用法是 element 但，這種方法有乙個很明顯的不足，就是需要提前知道元素的尺寸。否則margin負值的調整無法精確。此時，往往要借助js獲得。css3的興起，使得有了更好的解決方法，就是使用transform代...
CSS之Position相對定位和絕對定位
absolute的英文意思是絕對的意思,實際上是針對父級元素元素定位,如果父級元素沒有position relative absolute,則追至再上乙個父級元素,直至相對於文件的左上角定位，按照我們中國人的理解觀念，這個其實是相對定位，是脫離文件流的。用了abolute屬性，原有float屬性將失...