position值詳情

標籤：style   os   io   line   size   ef   on   sp   

1、absolute屬性：

    英文直譯成漢語的解釋有：絕對，獨立的。顯然在做為css中position屬性的值時“絕對”這個意思更恰當一些。他的作用是：產生絕對位置的元素，相對於static 定位以外的第一個父元素進行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定(參考與：w3school.)。就是說他的絕對位置是相對於擁有該css position屬性的元素的父元素的。

2、fixed屬性：

    英文直譯成漢語的解釋有：固定，定，一定，確定，既定。那麼在作為css中position屬性的值時我們就很容易明白了，他是固定的，一定以及確定了的。和absolute屬性不同的是fixed總是以body為定位時的對象，總是根據瀏覽器的視窗來進行元素的定位，通過"left"、 "top"、 "right"、 "bottom" 屬性進行定位。

3、relative屬性：

    relative在英文中做為形容詞的意思為“相對的”。relative的屬性是比較簡單的，就是相對定位，相對於擁有該css position屬性元素原本的位置，同樣的relative頁是通過"left"、 "top"、 "right"、 "bottom" 屬性進行定位。

4、static屬性：

    static在英文中做為形容詞的意思為“靜止”。在css position屬性的取值中我們把他理解為“預設”，既然是預設了，那麼在我們不對position屬性進行設定時就是這個狀態，讓該元素該呆在哪就呆在哪。

5、inherit屬性：

    inherit在英文中做為形容詞的意思為“繼承”。那麼顯然的，在這裡他就是繼承的意思，繼承於他的父物件。