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

Question

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

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

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

Answer 1

你需要做这样的事情：

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

#right {
    overflow: hidden;
}

jsFiddle

Answer 2

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