无法将侧边栏扩展到父容器

Question

如this小提琴中所示，我无法将customer-sidebar左边的黄色显示为扩展到右边div的高度。我右边有main-content div，它有一些货物，这些货物可能会有所不同，因此我希望侧边栏扩展到相同的高度，否则它们的长度不均匀。我尝试了“清除修复”解决方案，但它似乎对我不起作用。有人可以给我一个指针，说明它为什么不工作以及如何解决它？

Answer 1

你应该将它们放在另一个中，并将最长的一个放在最短的一个中。

如果客户边栏限制为最短，请将主要内容侧边栏放在其中。

结构应该是：

<div id="wrapper">
    <div id="shorter-box-with-yellow-bg">
        <div id="container-box-for-shorter-list"> //floats left
        </div>
        <div id="longer-box-with-blue-bg"> //floats right
             <div id="container-box-for-longer-list">
             </div>
        </div>
    </div>
 </div>

Answer 2

一种方法是创建一个1像素高和1000像素宽的图像[“页面包装器”的宽度]跨越侧栏和活动货件，并将图像设置为页面包装器中的背景，这是称为人造柱技术。

您可以截取页面的屏幕截图并使用剪切工具来获取所需的图像。