最近乙隻大四狗在準備面試，所以整理一波概念。
static：無特殊定位，物件遵照html的定位規則
absolute ：將
物件從文件流中拖出，使用 left ， right ， top ， bottom 等屬性，相對根元素進行絕對定位（其根元素可以自己設定，如果其父元素設定為relative,那麼根元素就是其父元素，如果其爺爺元素設定為relative，那根元素就是其爺爺元素，以此類推；如果都沒有設定relative,那麼其根元素就是其祖先節點）。
而其層疊通過 css z-index 屬性定義，預設覆蓋在非定位元素之上。此時物件
不具有邊距，但仍有補白和邊框 。
relative：物件不可層疊，但將依據left，right，top，bottom等屬性在正常文件流中偏移位置
fixed：脫離文件流，根據left，right，top，bottom等屬性相對根元素進行絕對定位，但是其根元素固定為瀏覽器視窗。頁面滑動時，元素相對瀏覽器的位置不動
此外：absolute和fixed都會強制試元素的display：inline-block，哪怕顯示設定元素display:inline/block都無效
CSS中position的幾個屬性值
b position的四種取值 b static static定位就是不定位，出現在 就顯示在 這是預設取值，只有在你想覆蓋以前的定義時才需要顯示指定 relative relative 就是相對元素static定位時的位置進行偏移，如果指定static時top是50象素，那麼指定relative並...
前端中幾個單位（em rem vh vw）的區別
在做手機端的時候經常會用到的做字型的尺寸單位 說白了 em就相當於 倍 比如設定當前的div的字型大小為1.5em，則當前的div的字型大小為 當前div繼承的字型大小 1.5 但是當div進行巢狀的時候，em始終是按照當前div繼承的字型大小來縮放，參照後面的例子。這裡的r就是root的意思，意思...
寫給後端的前端筆記 定位（position）
既然都寫了一篇浮動布局，乾脆把定位 position 也寫了，這樣後端基本上能學會css布局了。我們所說的定位position主要有三類 固定定位fixed，相對定位relative，絕對定位absolute。它們都有相同的四個屬性 top，bottom，left，right 主要在於他們的參照物不...