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

dig*_*dio 1 html css html-table

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

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

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

Jam*_*yle 5

你需要做这样的事情:

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

#right {
    overflow: hidden;
}
Run Code Online (Sandbox Code Playgroud)

的jsfiddle

  • '清除'浮动是`overflow:hidden`的鲜为人知的特征之一.:d (2认同)