使用CSS制作高度较高的div的高度背景图像

Question

我有一个布局，左侧为可变长度菜单，右侧为可变长度内容。在菜单和内容之间是使用重复背景图像实现的分割器，其是内容div的一部分。这意味着，随着内容的扩展或合约，分频器也会如此。

如果内容的高度小于菜单的高度，分隔线仍然是内容的高度，当我真正想要的是在这种情况下分隔线是菜单的高度。有没有什么办法可以在CSS中实现？

Answer 1

在内容中有分隔符背景图像和菜单并使用负边距或类似内容区域重叠菜单宽度的分隔线。

Answer 2

另一种方法是在包装div上使用背景图像，并使用background-position将其放置在菜单和内容div之间。