Css 中的position屬性
position屬性
這個屬性定義建立元素佈局所用的定位機制。任何元素都可以定位，不過絕對或固定元素會生成一個塊級框，而不論該元素本身是什麼型別。相對定位元素會相對於它在正常流中的預設位置偏移。
| JavaScript 語法： | object.style.position="absolute" |
|---|
| 值 | 描述 |
|---|---|
| absolute |
生成絕對定位的元素，相對於 static 定位以外的第一個父元素進行定位。 元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。 |
| fixed |
生成絕對定位的元素，相對於瀏覽器視窗進行定位。 元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。 |
| relative |
生成相對定位的元素，相對於其正常位置進行定位。 因此，"left:20" 會向元素的 LEFT 位置新增 20 畫素。 |
| static | 預設值。沒有定位，元素出現在正常的流中（忽略 top, bottom, left, right 或者 z-index 宣告）。 |
| inherit | 規定應該從父元素繼承 position 屬性的值。 |
來源於W3school
相關文章
- CSS中Position、Float屬性深入探討CSS
- 總結一下CSS中的定位 Position 屬性CSS
- CSS中position屬性( absolute | relative | static | fixed )詳解CSS
- html中Position屬性值介紹和position屬性四種用法HTML
- css中的display屬性CSS
- CSS中的margin屬性CSS
- css詳解position五種屬性用法及其含義CSS
- css3中的zoom屬性以及jquery中css()方法操作元素的屬性CSSS3OOMjQuery
- CSS - 定位屬性position使用詳解（static、relative、fixed、absolute）CSS
- CSS中content屬性的妙用CSS
- css3中的animation屬性CSSS3
- 【後知後覺系列】css position: sticky 屬性以及某些場景的使用CSS
- css的屬性CSS
- css屬性與js中style物件的屬性對應表CSSJS物件
- 淺談CSS中的Position(定位)CSS
- 深入理解css中的margin屬性CSS
- CSS中屬性的書寫順序CSS
- CSS 的 background 屬性CSS
- css的background屬性CSS
- css中sticky屬性是什麼CSS
- 前端~定位屬性position（relative、absolute、fixed）的分析前端
- CSS 屬性篇(七)：Display屬性CSS
- css屬性的可繼承性CSS繼承
- css display 屬性CSS
- CSS perspective 屬性CSS
- CSS transform 屬性CSSORM
- css常用屬性CSS
- css positionCSS
- css的position:absoluteCSS
- CSS的定位：positionCSS
- css3中transition屬性詳解CSSS3
- CSS屬性中Display與Visibility的不同CSS
- 舞動你的文字,巧用CSS中marquee屬性CSS
- CSS樣式中的right屬性和margin-right屬性的區別CSS
- CSS字型屬性和文字屬性詳解CSS
- CSS3的background屬性CSSS3
- css3的新屬性CSSS3
- CSS3的動畫屬性CSSS3動畫