html - 填充自由高度的表格单元格元素

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 中的内容。