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

Question

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

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

Answer 1

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

Answer 2

让内容中的分隔线背景图像是和菜单，并让内容区域与菜单重叠，使用负边距或类似的东西分隔线的宽度。