當前位置:
首頁 >
CSS笔记(十)position属性与定位
發布時間:2025/6/17
63
豆豆
生活随笔
收集整理的這篇文章主要介紹了
CSS笔记(十)position属性与定位
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
參考:http://www.w3school.com.cn/cssref/pr_class_position.asp
?
position屬性規定了元素的定位類型。任何元素都可定位,其中,絕對或固定元素會生成一個塊級框,而不論該元素本身是什么類型。
| 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 屬性的值。 |
?
CSS 定位屬性
CSS 定位屬性允許你對元素進行定位。
| position | 把元素放置到一個靜態的、相對的、絕對的、或固定的位置中。 |
| top | 定義了一個定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。 |
| right | 定義了定位元素右外邊距邊界與其包含塊右邊界之間的偏移。 |
| bottom | 定義了定位元素下外邊距邊界與其包含塊下邊界之間的偏移。 |
| left | 定義了定位元素左外邊距邊界與其包含塊左邊界之間的偏移。 |
| overflow | 設置當元素的內容溢出其區域時發生的事情。 |
| clip | 設置元素的形狀。元素被剪入這個形狀之中,然后顯示出來。 |
| vertical-align | 設置元素的垂直對齊方式。 |
| z-index | 設置元素的堆疊順序。 |
轉載于:https://www.cnblogs.com/AmitX-moten/p/4847439.html
總結
以上是生活随笔為你收集整理的CSS笔记(十)position属性与定位的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 关于CSS中的字体尺寸设置 em rem
- 下一篇: CSS选择器笔记,element ele