如一本書上所說，定位的原理很簡單。利用定位，可以準確地定義元素框相對於其正常位置應該出現在**，或者相對于父元素、另乙個元素甚至瀏覽器視窗本身的位置。
定位包含4種不同的型別會影響元素框生成的方式
position： static、relative、absolute、fixed、inherit
static：元素框正常生成。塊級元素生成乙個矩形框，作為文件流的一部分，行內元素則會建立乙個或多個行框，置於其父元素中。
relative：元素框偏移某個距離。元素仍保持其未定位前的形狀，它原本所佔的空間仍保留
absolute： 元素框從文件流完全刪除，並相對於其包含塊定位，包含塊可能是文件中的另乙個元素或者是初始包含塊。元素原先在正常文件流中所佔的空間會關閉，就好像該元素原來不存在一樣。元素定位後生產乙個塊級框，而不論原來它在正常流中生成何種型別的框。
fixed： 元素框的表現類似於將position設定為absolute，不過其包含塊是視窗本身。
遇到的問題：
使用預設頁元件，引入的時候，進行彈跳。以為是的height占用了高度，進行處理後依然不起作用。使勁糾結，終於得出好結果
在預設頁元件中，使用了position：absolute進行定位。在別的頁面進行引用的時候，內容的定位先彈跳乙個高度，分析的是進行父級的尋找。
解決的辦法：
在上加入relative進行定位。
CSS 定位position屬性
div h1 或 p 元素常常被稱為塊級元素。這意味著這些元素顯示為一塊內容，即 塊框 與之相反，span 和 strong 等元素稱為 行內元素 這是因為它們的內容顯示在行中，即 行內框 您可以使用 display 屬性改變生成的框的型別。將 display 屬性設定為 block，可以讓行內元素...
css實踐 position定位
position 用於設定目標物件的定位方式，一般有absolute relative static三個選項，設定後均可設定top bottom right left距離 absolute 允許物件漂浮於頁面之上，無須考慮周圍布局，如果父元素設定為static或者沒有設定，將以父元素的父元素為參考係...
CSS定位機制 position
css的定位機制分為三種，分別是文件流，浮動和定位。其中文件流的意義就 是按照html裡面的寫法從上到下從左到右的布局。浮動包括兩種，左浮動和右浮動，直到它的外邊框邊緣碰到包含框或另乙個浮動框的邊緣。任意的浮動使元素脫離了文件的普通流，就像在文件中不佔據空間。但如果包含塊太窄，無法容納水平排列的浮動...