使用CSS製作高度較高的div的高度背景圖像

Question

我有一個佈局，左側爲可變長度菜單，右側爲可變長度內容。在菜單和內容之間是使用重複背景圖像實現的分割器，其是內容div的一部分。這意味着，隨着內容的擴展或合約，分頻器也會如此。

如果內容的高度小於菜單的高度，分隔線仍然是內容的高度，當我真正想要的是在這種情況下分隔線是菜單的高度。有沒有什麼辦法可以在CSS中實現？

Answer 1

在內容中有分隔符背景圖像和菜單並使用負邊距或類似內容區域重疊菜單寬度的分隔線。

Answer 2

另一種方法是在包裝div上使用背景圖像，並使用background-position將其放置在菜單和內容div之間。