显示：table-cell - 更改高度？

Question

我有这个简单的结构：

<div class="wrapper">
    <div class="row">
        <div>
            <pre>aaa
                aaa
                aaa 
                aaa
            </pre>
        </div>
    </div>
    <div class="row">
        <div>
            <pre>1
                1
                1
                1
                1
                1
                1
                1
                1
                v
                1
                1
                1
                1
                1
                1
                1
                v
                1
                1
            </pre>
        </div>
    </div>
</div>

wrapper班级有display: table，而.row个div有display: table-row;

在这些Div中，div有display: table-cell;

我尝试将height设置为虚线div ，但未成功。

问题：如何设置虚线div的高度？

NB

• 包装纸/桌子没有固定的高度。
• 我想使用display:table/table-row/table-cell布局。 （没有js或poistion绝对等）

Full Jsbin

Answer 1

添加以下设置：

.row:last-child  > div {
    display: block;
}

jsFiddle Demo