使两个平行的"<div>"列的高度相同

Kev*_*RGT 2 html5 css3

假设我有两列,都由一个<div>块表示.两列都可能比另一列长,所以我想强制较小的一个像另一个一样大.

我的问题的例子:http://jsfiddle.net/TvnSJ/

如您所见,第二列较小.

我设法使用表来解决这个问题,但是我无法在它们之间添加边距.保证金很重要,所以我想知道另一个解决方案.

Mat*_*ati 6

你可以使用display: tabledisplay: table-cell.这是你的小提琴更新:http://jsfiddle.net/TvnSJ/2/

这使得divs渲染像tds.基本上,当语义不正确时,您可以在不使用表的情况下获取表的布局.我不认为你可以漂浮它们.

编辑:我刚注意到关于保证金的一点.您可以为这些添加填充,或者您可以将内容包装在另一个元素中,并在需要分隔不包括背景颜色时为其添加边距.