果你設置了兩個相鄰的 div 的 margin 為 8px ，但實際顯示的間距只有 8px 而不是預期的 16px ，這可能是因為 CSS 中的外邊距重疊（margin collapsing）導致的。

外邊距重疊是指當兩個垂直相鄰的塊級元素具有相鄰的外邊距時，它們的外邊距會合并為一個外邊距，取其中的最大值作為最終的外邊距值。這可能會導致你看到的實際間距小于預期值。

為了避免外邊距重疊，你可以嘗試以下方法：

給其中一個 div 添加內邊距（padding）： 可以給其中一個 div 添加內邊距，而不是使用外邊距來實現間距的效果。這樣就不會發生外邊距重疊。

使用空的塊級元素來間隔： 可以在兩個 div 之間添加一個空的塊級元素（例如 <div></div> ），并給這個元素設置期望的外邊距。這樣可以避免外邊距重疊問題。

使用 flex 布局或者絕對定位： 可以考慮使用 flex 布局或者絕對定位來控制元素之間的間距，這樣可以避免外邊距重疊問題。

下面是一個使用空的塊級元素來間隔的示例代碼：

<div class="container">

<div class="box"></div>

<div class="spacer"></div>

<div class="box"></div>

</div>

.container {

display: flex;

}

.box {

width: 50px;

height: 50px;

background-color: lightblue;

margin: 8px;

}

.spacer {

flex: 1;

}

通過以上方法，你應該可以避免外邊距重疊，實現兩個 div 之間的間距為 16px 的效果。