如何自动调整div'；使用CSS的宽度是多少？

考虑一下：

HTML:

我想强制绿色

div

的宽度根据红色的宽度尽可能大。红色

div

的宽度可以根据

div

的内容而变化。因此，例如，如果红色

div

的宽度为150px，则绿色的宽度应为250px。这应该永远是正确的：

green div width + red div width = 400px

如何使用CSS实现这一点

请不要使用Javascript…

让它成为您想要的

您可以将div用作表。

让它成为您想要的

---

您可以将div用作表。

正如sandeep前面所说，但是

---

请注意，IE7及以下版本不支持divs as表格。

正如sandeep前面所说，但是

---

请注意，IE7及以下版本不支持divs as表格。

不完全支持。在您的示例中，红色div的右侧有一个额外的空格。右侧div的宽度应尽可能小（绿色div的宽度应为其余部分）。不完全正确。在您的示例中，红色div的右侧有一个额外的空格。右div的宽度应尽可能小（绿色div的宽度应为其余部分）。

.wrapper {
    border: 1px solid black;
    width: 400px;
}
.left {
    border: 1px solid green;
    display: inline-block;
}
.right {
    border: 1px solid red;
    display: inline-block;
    float: right;
}

green div width + red div width = 400px

.wrapper {
    border: 1px solid black;
    width: 400px;
    display:table;
}
.left {
    border: 1px solid green;
    display: table-cell;
}
.right {
    border: 1px solid red;
    display: table-cell;
}

.wrapper {
    border: 1px solid black;
    width: 400px;
    display:table;
}
.left {
    border: 1px solid green;
    display: table-cell;
    width: 100%;
}
.right {
    border: 1px solid red;
    display: table-cell;
}