我有两列布局。当两列高度相等或左列较长时，则为looks pretty good。但是如果左列是short，那么我有一堆空的暗区looks ugly。
是否有一个CSS技巧“让页面上的最后一个框填满剩余的空间”？
我知道这是一个相当规律的问题，我知道一些方法可以让单个元素填充其容器，但我从来没有听说过只使最后一个元素填充剩余空间的方法。
到目前为止，我的想法是使用图像在左侧创建外观，以便它可以作为背景一直向下扩展，或者使用Javascript动态计算高度。图像并不理想，因为这会限制自定义，并且此页面需要尽可能轻松地进行自定义。而且我担心每当你加载一个短页面时，使用Javascript会导致明显的“混乱”。
答案 0 :(得分：1)
唯一简单的方法是使用faux columns。基本上，您可以使背景图像看起来像列。
答案 1 :(得分：0)
要将左列的最后一个元素一直向下扩展，可以使用底部有锚点的绝对定位元素：
#leftCol {
position: absolute;
bottom: 0px;
}
这可确保#leftCol始终附在底部。
答案 2 :(得分：0)
您可以使用min-height: 100%作为最后一栏
请参阅解决方案here