HTML和CSS:全宽元素,第一列固定宽度,第二列覆盖宽度的其余部分

Question

我想在这里实现这种行为(参见右边的例子) - 第一个孩子是固定宽度,第二个是响应(覆盖宽度的其余部分)

我可以用表来做,但是网页会认为表格已经过时了这种布局等.+表显示资源很重.嗯

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

Answer 1

你需要做这样的事情:

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

#right {
    overflow: hidden;
}

的jsfiddle