Как сделать резиновый горизонтальный блок неограничноой ширины?

Question

[Александр]

Имеется горизонтальная верстка сайта с горизонтальный скроллом, главная, страница контактов, профайл и тд эти страницы по сути имеют фикс ширину и вопросов не возникают, но есть страница раздела где идет список товаров, кол-во товаров не фиксировано т.е. его может быть как 5 так и 20, соответственно ширина блока с товаром может быть разная и выходить за рамки окна браузера, т.е. появляется горизонтальный скролл, который как раз таки к месту.

Подскажите как сверстать правильно?

Answer 1

[doctorcat]

Неограниченная ширина? но она же ограничена окном браузера? Можно сайт глянуть? не совсем пока понял задачу)

Comments

[Александр]

сайт на локале, не в паблике. Нет, ширина не ограничена размерами браузера и выходит далеко за вправо например с горизонтальным скроллом

[doctorcat]

в чем вообще тогда проблема? не фиксируй у контейнера ширину и она растянется согласно содержимому. у элементов задай паддингом отступ например.

[doctorcat]

Может скриншот есть или что-то такое, просто так вслепую - тяжеловато(

[Александр]

вот идет список товаров joxi.ru/n2YdvNLtO6lGm6 ширина контента должна подстраиваться под наполняемость

[doctorcat]

codepen.io/anon/pen/kkPGzp

[Александр]

doctorcat: да уже что-то, но у меня товары в 2 строки идут, если в каждый блок из примера "Товар1" положить по 2 товара вертикально, то да можно думаю будет реализовать то что нужно. Спасибо

Буду пробовать

Answer 2

[Gleb Gryadk.in]

flex-flow: column nowrap;

Comments

[Александр]

возможно и поможет, спасибо