CSS中，我們可以使用transform屬性來實現(xiàn)元素的放大和縮小，而不影響其位置，以下是一個簡單的示例：

.container {
  position: relative;
  width: 200px;
  height: 200px;
  border: 1px solid #000;
}
.container:hover {
  transform: scale(1.5);
}

在這個示例中，我們創(chuàng)建了一個名為.container的類，它有一個相對定位，寬度和高度都為200px，并且有一個黑色邊框，我們使用:hover偽類來檢測鼠標(biāo)懸停事件，當(dāng)鼠標(biāo)懸停在容器上時，我們將容器的transform屬性設(shè)置為scale(1.5)，這將使容器放大到原來的1.5倍，由于我們使用了相對定位，因此容器在放大后仍然會保持在原來的位置。

如果你需要更多的控制，可以使用transition屬性來平滑放大和縮小的過程：

.container {
  position: relative;
  width: 200px;
  height: 200px;
  border: 1px solid #000;
  transition: transform 0.3s ease-in-out;
}
.container:hover {
  transform: scale(1.5);
}

在這個示例中，我們添加了一個transition屬性，它指定了變換過程的持續(xù)時間和緩動函數(shù)，這樣，當(dāng)容器放大或縮小時，過程會更加平滑，而不會突然變化。