同一行上的流体和静态div

时间:2013-03-10 12:53:34

标签: html css responsive-design fluid-layout

我对流体布局有疑问。我正在建立一个响应式网站,我有一个Listview,我用DIV构建。我想要做的是:

我有一个项目列表,每个项目都有几个不同的数据条目(标题,年份,流派,选项),每个都在自己的DIV中(所有这些都在包装DIV中)。其中2个具有固定宽度,如日期(YYYY-MM-DD)。它的宽度始终与选项(2个图标)相同。

如何构建它以使标题和流派div具有流畅的宽度和更改,并且日期和选项div保持相同的宽度。

我已尝试以百分比设置宽度,但这意味着在我调整窗口大小时会重新计算。我希望日期例如在所有断点上具有相同的宽度。无论你是在iPhone还是桌面上查看它。

欣赏任何和所有想法!

1 个答案:

答案 0 :(得分:0)

为每个人提供流畅的宽度ie- width:90%,只需要为要修复这些宽度的元素定义min-width:240px;,结果他们不再需要进一步拉伸限制。