我對部落格的認識是：記錄問題，解決問題，分享知識。如果有輪子，我不需要造輪子。
首先，定位無論是相對定位還是絕對定位，必須有乙個參考項，而這個參考項，專業術語稱之為 包含塊，這裡的包含塊是指在定位時候的包含塊，具體有關包含塊的概念和意義自行研究。
對於定位postition屬性而言，包含塊的判定如下(記住就好，理解了就更好)：
1.根元素的包含塊，根元素一般是html元素，有些瀏覽器會使用body作為根元素，大多數瀏覽器，初始包含塊是乙個視窗大小的矩形
2.非根元素的包含塊，如果該元素的position是relative或static，它的包含塊是最近的塊級框，表的單元格或行內塊的內容邊界
3.非根元素的包含塊，如果該元素的position是absolute，則包含塊為最近的position不是static的祖先元素。
簡單來說，它的包含塊會從父級元素一直向上查詢，找到第乙個position不是static的元素為止
。4.fixed定位很簡單，類似與absoulte，但是它的包含塊就是瀏覽器視窗，相對來說簡單很多。常見的應用比如固定導航，回到頂部。
參考
1.基礎教程
2.詳解css position屬性
3.css的float屬性
4.css3包含塊及其定位判定
CSS之Position相對定位和絕對定位
absolute的英文意思是絕對的意思,實際上是針對父級元素元素定位,如果父級元素沒有position relative absolute,則追至再上乙個父級元素,直至相對於文件的左上角定位，按照我們中國人的理解觀念，這個其實是相對定位，是脫離文件流的。用了abolute屬性，原有float屬性將失...
css 中相對定位和絕對定位
1.css中定位機制有三種 標準文件流,浮動,絕對定位 2.絕對定位就屬於第三種定位,用到position屬性,下面就是具體設定 相對定位 相對於自身原有位置 就是普通流的時候 進行偏移 設定top,left.後 仍然處於標準文件流中 隨即擁有偏移屬性和z index屬性 絕對定位 建立了以包含塊為...
css中的相對定位和絕對定位
這幾天在看div css，在網上找到了很多的資料，我都不知道選擇哪乙個了。這兩天在看 十天學會web標準 div css 感覺還可以。把今天學習過程中遇到的問題和知識點，給記錄下來。首先學習到的是css中的相對定位和絕對定位。定位標籤 position 包含屬性 relative 相對 absolu...