CSS 相對位移是一種定位元素相對于其正常位置進行移動的技術。這種移動通常涉及到使用 top，bottom，left 和 right 屬性來改變元素的位置。然而，有時候使用相對位移可能會導致元素的內容溢出外部容器，從而產生意想不到的布局問題。在這篇文章中，我們將會討論關于 CSS 相對位移內容溢出的問題。

.container {
position: relative;
height: 200px;
width: 200px;
overflow: hidden;
}
.box {
position: relative;
top: 50px;
left: 50px;
}
.box p {
position: relative;
top: -50px;
}

如上所述，如果您使用了相對位移來移動 box 元素，里面的元素可能會溢出容器。例如，如果您使用了 top 和 left 屬性來將 box 容器移動到容器的中心，那么包含在其中的 p 元素很可能會向上移動超過容器的上邊界并溢出。這是因為 p 元素的位置是相對于其父元素（即 box 元素）而不是容器。所以，當 box 元素相對于容器進行移動時，p 元素內部的位置坐標也會隨之改變。

為了解決這個問題，我們可以嘗試將 p 元素的 top 屬性設置為負值，以將其移回到 box 元素的頂部。這似乎是一個有效的解決方案，但有時會導致一些新問題。例如，當 p 元素包含文本和其他內聯元素時，可能會截斷底部的一些內容。

為了避免這種情況，我們可以嘗試使用絕對定位來定位 p 元素而不是相對定位。這樣，我們就可以將元素定位在 box 元素的頂部，而不受其位置的影響。

.box p {
position: absolute;
top: 0;
}

如上所述，通過將 p 元素的定位從相對于絕對改變，我們可以在不截斷內容的情況下確保其正確定位。這是因為，絕對定位不會影響其包含塊之外的元素，因此可以放心使用。

總之，使用相對位移來移動元素時，一定要小心，以避免在其內部包含內容溢出外部容器的問題。這個問題可能會導致巨大的布局和呈現問題，但通過使用各種 CSS 技術，我們可以解決這些問題并得到正確的輸出。