表格单元格填充自由高度

Question

我打赌我在某个地方看到了答案，但我找不到。

请注意此示例http://jsfiddle.net/Ttxx3/

是否有任何元素会填充<p>元素和绿色<div>之间的可用空间，以便每列中的绿色<div>会落到最底层？

Answer 1

嗯，你绝对可以将绿色div放在其父div中并将其附加到底部。 http://jsfiddle.net/c5Dpz/

div.table > div {
    border: 1px solid #202020;
    display: table-cell;
    position:relative; /* Need this in the parent div */
}
div.table > div div {
       background-color: green;
    bottom:0; /* Attaches it to the bottom */
    position:absolute; /* Changes to absolute positioning within the parent div. */
    width:100%;
}

但这可能会导致一些意想不到的行为。这取决于你实际需要什么以及div中的内容。