展开div以填充剩余宽度。

Question

展开div以填充剩余宽度。

我想要一个两列div布局，其中每个可以有可变的宽度。

div {

    float: left;

}

.second {

    background: #ccc;

}

<div>Tree</div>

<div class="second">View</div>

我希望‘视图’div扩展到整个宽度后，‘树’div已填补所需的空间。目前，我的“视图”div被调整为包含它的内容，如果这两个div都占据整个高度，它也会很好。

Answer 1

这将是一个很好的例子，它与表格有关，而且很难(如果不是不可能的话，至少在跨浏览器的意义上)使用CSS。如果这两列都是固定的宽度，这将很容易。如果其中一个列是固定的宽度，这将稍微困难，但完全可行。对于这两列变量宽度，IMHO您只需要使用一个两列表。