CSS div停靠不動是一種常見的網頁設計問題，可以通過使用 CSS 的 `position: relative` 屬性和 `top`、`bottom`、`left`、`right` 屬性來解決。

在 CSS 中，`position` 屬性用于設置元素的定位方式。`relative` 表示元素將相對于其最近的非 `static` 父元素進行定位。`top`、`bottom`、`left`、`right` 屬性用于設置元素相對于其定位方式的垂直位置和水平位置。

例如，我們可以使用以下代碼將一個 `div` 元素停靠在另一個 `div` 元素的頂部：

```html

<div class="parent">

<div class="child">

<p>Hello, world!</p>

</div>

</div>

```css

.parent {

position: relative;

.child {

position: absolute;

top: 50px;

right: 50px;

在上面的代碼中，`.parent` 元素使用 `position: relative` 屬性將其定位在另一個 `.child` 元素的頂部。`.child` 元素使用 `position: absolute` 屬性將其定位在 `.parent` 元素的頂部。`top` 屬性設置 `.child` 元素相對于 `.parent` 元素的垂直位置，`right` 和 `left` 屬性設置 `.child` 元素相對于 `.parent` 元素的水平位置。

通過使用 CSS 的 `position: relative` 屬性和 `top`、`bottom`、`left`、`right` 屬性，我們可以輕松地將 `div` 元素停靠在另一個 `div` 元素的頂部。但是，如果元素本身具有 `position: fixed` 屬性或 `position: absolute` 屬性，那么元素的定位將無法更改。在這種情況下，我們可能需要使用 JavaScript 或其他技術來實現停靠效果。

總的來說，使用 CSS 的 `position` 屬性可以使我們在網頁設計方面更加靈活，通過更改 `top`、`bottom`、`left`、`right` 屬性，我們可以輕松地將 `div` 元素停靠在另一個 `div` 元素的頂部。