css中定位有哪些方式

在CSS中，定位主要分为三种方式：相对定位、绝对定位和固定定位。它们的使用方法和效果各有不同。

 /* 相对定位 */
  position: relative; 

相对定位指修改元素在正常文档流中的位置。使用相对定位时，元素会在其正常的位置上留下空白，但它的位置会稍稍改变。同时，用相对定位移动元素时会不影响其他的元素，也就是说相对定位与文档流的包含块相关。

 /* 绝对定位 */
  position: absolute;
  /* 指定参照物 */
  top: XXpx;
  left: XXpx; 

绝对定位是指将元素从正常文档流中移除，并相对于其最近的“包含块”进行定位。使用绝对定位时，元素不再占据文档流中的空间。同时，当需要固定一个元素在某个位置上时，可以使用绝对定位。

 /* 固定定位 */
  position: fixed;
  /* 指定固定位置 */
  top: XXpx;
  left: XXpx; 

固定定位是指将元素固定在浏览器窗口或是父级元素的位置上，始终保持不变。此时，元素不会随页面的滚动而移动，也不会随父级元素的滚动而移动。通过固定定位，可以将某个元素放置在页面的某个角落，用于弹出层等场合。

总的来说，CSS中的定位方式包括相对定位、绝对定位和固定定位，它们的使用方法和效果不同，开发者需根据实际需求合理选择。