html - 用于不固定列的 HTML 动态布局的 CSS？

Question

我想设置这样的布局，两列都是动态的 - 一个由内容设置，第二个由第一列和最小宽度设置。我找到了许多列固定宽度的解决方案，但它没有解决这个问题。

看看我想在屏幕上实现什么。

我应该使用什么 CSS？

Answer 1

像这样的东西有不同的方法......一个简单的方法是为孩子和第一个孩子使用display: table;容器。display: table-cell;width: 1px;

我为你做了一个小提琴：

http://jsfiddle.net/TfuTE/

Answer 2

看看这个

http://codepen.io/Parthmy007/full/HKJuj

在两列上使用显示：“表格单元格”或设置最大宽度和最小宽度。并将第一列宽度设置为“自动”。