在前端網頁布局中，在同一平面上布局，我們大都采用float屬性來定位網頁元素的位置。但是涉及到彈出層、浮層、頁面廣告插件等等，都需要CSS中的position屬性來定位了，對于初學者來說經常分不清楚是應該用position屬性的absolute值、relative值、fixed值等等，下面我們就position屬性基本的這三個值的用法做一些簡單的介紹，希望對初學者有些幫助。

1、position的absolute（絕對定位）

在這里position的absolute絕對定位我們分兩類來講：

A：給元素定義了position:absolute，其父框架沒有定義任何position屬性。此時的絕對定位就是相對于頁面四周最邊緣來進行定位的，位置將依據瀏覽器左上角的0點開始計算，絕對定位使元素與文檔流無關，因此不占據空間。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。其位置不受父框架的影響，只以頁面四周邊緣開始計算。代碼如下：

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表