css - 嵌套的 div 同样长

Question

<div id = "content">

<div id="column1"> </div>
<div id ="column2"> </div>

</div>

我有一个问题，我希望 column1 和 column2 是内容 div 的大小(因此每列与最大列一样长)。但我尝试将每列的高度设置为自动或 100%，希望它会占用空间，但两者仍然采用自己的大小。

我该怎么做？ (不能仅使用表格 css)

在此示例中，第 1 列需要变得更长(与第 2 列一样长)

Answer 1

好吧，这在某种程度上取决于您的目的。我猜这是一个背景问题，在这种情况下，可以使用“人造列”轻松解决。

在这里阅读更多相关信息:http://line25.com/articles/create-sidebars-of-equal-height-with-faux-columns