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

时间:2013-03-02 14:34:29

标签: html css html-table

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

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

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

2 个答案:

答案 0 :(得分:5)

你需要做这样的事情:

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

#right {
    overflow: hidden;
}

jsFiddle

答案 1 :(得分:2)

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