css定位position

CSS中的position属性用于控制元素的定位方式。根据引用\[1\]和引用\[2\]，position属性有五个值：static、relative、absolute、fixed和sticky。

- static：元素按照正常的文档流进行布局，不会受到position属性的影响。
- relative：元素相对于其在正常文档流中的位置进行定位。引用\[3\]中的示例展示了相对定位的效果，其中.content_1元素相对于其在正常文档流中的位置进行定位。
- absolute：元素相对于其最近的非static定位的父元素进行定位。如果没有非static定位的父元素，则相对于文档的根元素进行定位。引用\[2\]中的示例展示了绝对定位的效果，其中.content元素相对于.container元素进行定位。
- fixed：元素相对于浏览器窗口进行定位，即使页面滚动，元素的位置也不会改变。
- sticky：元素在滚动到特定位置时变为固定定位，直到滚动回到指定位置之前保持固定定位。

总结来说，position属性用于控制元素的定位方式，可以通过设置不同的值来实现不同的效果。
#### 引用[.reference_title]
- *1* *2* *3* [CSS Position 定位](https://blog.csdn.net/Coxhuang/article/details/103319551)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]