css - 具有全高垂直边框的列

Question

我希望此模型中的两个垂直边框高度相同(即包含 block 的高度):

如您所见，左边框看起来不错(因为左列是最高的列)，但右边框太短了(因为中间列比左列短)

我知道我可以通过给包含 block 一个明确的高度并给每个 child 一个 100% 的高度来做到这一点，但我不想这样做——相反我想允许不同的高度“论坛线程holders”没有丑陋的滚动条/溢出

Answer 1

你可以这样做......

HTML

<div id="container">
    <div id="left">
        abc
    </div>
    <div id="right">
        def
   </div>
</div>

CSS

#container {
       overflow: hidden;
}

#left,
#right {
   padding-bottom: 1000px;
   margin-bottom: -1000px;
}

jsFiddle .