Жидкие и статические элементы в одном ряду

Question

У меня есть вопрос, касающийся расположения жидкостей. Я создаю адаптивный сайт, и у меня есть Listview, который я создал с DIV. То, что я пытаюсь сделать, это:

У меня есть список элементов, каждый с несколькими различными записями данных (название, год, жанр, параметры), каждый в своем собственном DIV (все они находятся внутри упаковочного DIV). 2 из них имеют фиксированную ширину, например дату (ГГГГ-ММ-ДД). Он всегда такой же ширины, как и опции (2 иконки).

Как мне сделать так, чтобы заголовок и div жанра имели плавную ширину и изменялись, а дата и опция div оставались одинаковыми по ширине.

Я попытался установить ширину в процентах, но это означает, что он пересчитывается при изменении размера окна. Я хочу, чтобы дата, например, имела одинаковую ширину во всех точках разрыва. Не важно, просматриваете ли вы его на iPhone или на рабочем столе.

Цените любые идеи!

Answer 1

Дайте всем ширину жидкости, т.е. width:90%только вам нужно определить min-width:240px; только для элементов, которые вы хотите исправить, эти значения ширины больше не будут растягиваться дальше предела.