Question

我正在使用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（第1行，第2行）具有可变长度，因此像height:30px这样的固定属性不是可接受的解决方案。

谢谢！

伊夫

Answer 1

您好我建议您阅读equal height columns

此问题已经过讨论here和here

HTML / CSS如何垂直拉伸DIV

1 个答案: