0

我在这里创建了一个小提琴：http: //jsfiddle.net/mupersan82/xAgHg/2/

HTML：

                <div class="incidentRow">
                <div class="incidentCellLeft">
                    <span class="incidentCellTopLeft incidentId">206 805</span>
                    <span class="incidentCellBottomLeft incidentReferences">15</span>
                </div>
                <div class="incidentCellTopRight incidentSubject">Anders Buch Lassen</div>
                <div class="incidentCellBottomRight incidentDescription ">
                    <span class="multilineEllipseText">Knokler, knokler, knokler! 
                        Burde gå i seng. Burde gå i seng. Burde gå i seng.
                    Burde gå i seng.Burde gå i seng.Burde gå i seng.
                    Burde gå i seng.Burde gå i seng.Burde gå i seng.</span></div>
            </div>

我希望左侧的灰色框向下延伸到包装器 div 底部的蓝色边框。随着更多内容添加到右下角的框中，它应该会继续拉伸。如何做到这一点？

4

2 回答 2

2 
.incidentCellLeft
{
    max-height:200px;
    width: 50px;
    display: block;
    float:left;
    text-align: center;
    background-color: #E6E6E6;
    vertical-align: bottom;
    height:100%;
    position: absolute;
}

height:100%;并position: absolute;添加。在这里演示：http: //jsfiddle.net/xAgHg/5/

max-height:200px;此外，如果你希望它被拉伸到超过 200px 的高度，你应该删除它。

于 2012-11-15T14:04:40.377 回答
0

你不需要改变任何东西的高度。只需将background-color容器的设置为灰色，并将右侧单元格的背景颜色设置为白色：

演示

于 2012-11-15T14:09:00.207 回答