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

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 像素宽的图像[“页面包装”的宽度]，横跨侧边栏和活动货件，并将图像设置为页面包装内的背景，这称为“人造”柱技术。

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