展开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您只需要使用一个两列表。