0

我正在使用 DIV 来构建类似于表格的东西，并且我需要拉伸我的 DIV 以匹配其邻居的高度，以便让我的背景颜色正确显示。

这是我的例子：

<!DOCTYPE html SYSTEM "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Some title</title>
    </head>
    <body>
        <div>
            <div style="float:left; width: 49%; background-color: #ced6eb;">
                Line1
                <br/>
                Line2
            </div>
            <div style="float:left; width: 49%; background-color: #dcddde; ">
                Only one line here
            </div>
            <div style="clear: both;"></div>
        </div>
        <div>
            <div style="float:left; width: 49%; background-color: #ced6eb;">
                Something else
            </div>
            <div style="float:left; width: 49%; background-color: #dcddde;">
                Something else
            </div>
            <div style="clear: both;"></div>
        </div>
    </body>
</html>

我需要的是在右边的所有 3 行上都有灰色背景，而不是在中间有一个空白行。

这是我的 HTML 的简化版本。左上角的 DIV (line1, line2) 是可变长度的，因此固定属性 likeheight:30px不是可接受的解决方案。

谢谢 ！

伊夫

4

1 回答 1

1

嗨，我建议阅读等高列

这个问题已经讨论过这里和这里

于 2013-04-30T19:25:44.413 回答