内部DIV填充父Div的高度

Question

抱歉.我不得不编辑我的问题:我在Photoshop中制作了第二张图片.

**我试图找到一个等同于表的DIV.你如何使div像TD一样行动:所有TD随着内容的增长调整它们的高度,并且所有TDS都与Table元素的底部具有相同的高度.**DIV为什么这么难？经过这么多年,是不是有标准的解决方案？

1. 如何使两个列div始终与容器DIV的高度相同(或始终下降到底部)？
2. 随着内在增长,包装器DIV(红色)将随之增长,并保持其填充(就像表格一样).

Answer 1

是的,出于某种原因,你的概念似乎很难在CSS中完成.如果你对它开放,JQuery可以更好地处理它.

无论如何,这是另一种选择.它使用了一个聪明的技巧如下:

#container div { float: left; background: #ccc; width: 200px; margin-bottom: -2000px; padding-bottom: 2000px; }

在这里查看:http: //jsfiddle.net/jplew/yPMVJ/