html - HTML＆CSS：全宽元素，第一列固定宽度，第二列覆盖其余宽度

Question

我想在这里实现这种行为（参见右示例） - 第一个孩子是固定宽度，第二个是响应式（覆盖其余宽度）

我可以用表格来做到这一点，但是 webheads 会争辩说表格对于这种布局等已经过时了。 + 表格显示资源很重。唔

知道如何在没有表格标记的情况下做到这一点吗？至少有 div 会很酷，但 display:table 应用于它们，但也没有成功（参见测试示例）

score 5 · Accepted Answer

你需要做这样的事情：

#left {
    width: 100px;
    float: left;
}

#right {
    overflow: hidden;
}

jsFiddle

score 2 · Accepted Answer

放在width: 200px; float: left;第一个元素上，然后overflow: hidden放在第二个元素上。