流体和静态div在同一行

Question

我有一个关于流体布局的问题。我正在构建一个响应式网站，并且我有一个使用DIV构建的Listview。我想要做的是这样的：

我有一个项目列表，每个项目有几个不同的数据条目（标题，年份，流派，选项），每个项目都在自己的DIV中（所有项目都在包装DIV）。其中2个具有固定宽度，如日期（YYYY-MM-DD）。它的宽度始终如此，选项（2个图标）也是如此。

我该如何建立这样的标题和流派div有流体宽度和变化，日期和选项div保持相同的宽度。

我试过以百分比设置宽度，但这意味着它会在调整窗口大小时重新计算。例如，我希望日期在所有断点上具有相同的宽度。不管您是在iPhone还是台式机上查看它。

欣赏任何和所有的想法！

Answer 1

给每个人的流体宽度ie- width:90%，只有你必须做的就是定义min-width:240px;只为你想修复这些宽度结果的元素，他们将不再被延伸到极限。