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

Question

如 this 中所示 fiddle ，我无法将左侧黄色的 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>