使用CSS将背景图像设置为较高div的高度

Question

我有一个布局，左边是可变长度菜单，右边是可变长度内容。在菜单和内容之间是使用重复背景图像实现的分隔符，该背景图像是内容div的一部分。这意味着当内容扩展或收缩时，分隔符也是如此。

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

Answer 1

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

Answer 2

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