position 定位常用属性

CSS的position属性用于指定元素的定位方式。以下是常见的position属性取值：

1. position: static;

   • 默认值，元素按照正常的文档流布局显示，不进行特殊定位。

2. position: relative;

   • 相对定位，元素相对于其正常位置进行定位。
   • 可以使用top、right、bottom、left属性来调整元素的位置。
   • 相对定位不会影响其他元素的位置。

3. position: absolute;

   • 绝对定位，元素相对于最近的非static定位的父元素进行定位。
   • 如果没有非static定位的父元素，则相对于浏览器窗口进行定位。
   • 使用top、right、bottom、left属性来指定元素的位置。

4. position: fixed;

   • 固定定位，元素相对于浏览器窗口进行定位。
   • 元素的位置在滚动时不会改变，始终保持在指定位置。
   • 使用top、right、bottom、left属性来指定元素的位置。

5. position: sticky;

   • 粘性定位，元素在滚动到指定位置时会固定在屏幕上的某个位置。
   • 需要配合top、right、bottom、left属性和offset属性来指定元素的位置和偏移量。

这些position属性取值可以与其他属性（如top、right、bottom、left）结合使用，以实现更精确的定位效果。绝对定位和固定定位会脱离文档流，可能会影响其他元素的布局。