Динамическая ширина CSS больше 100%

Question

У меня есть родительский контейнер, который содержит список перемещенных элементов. Родительский контейнер действительно расширяется вправо при добавлении новых плавающих элементов.

Но по мере того, как я добавляю больше предметов, и предметы появляются рядом с правой стороной окна, новый предмет просто переходит на новый ряд. Вместо этого я хочу, чтобы он продолжал расширяться вправо, делая мой родительский контейнер больше, чем на 100%.

Можно ли определить ширину контейнера как что-то вроде max-width: infinite;?

Чтобы ответить на мой собственный вопрос, я знаю, что я могу сделать максимальную ширину 5000% или что-то в этом роде, но мне было просто интересно, есть ли лучшее решение. Я думаю, что это немного странно, что высота страницы max-width: бесконечна; и ширина страницы не может иметь такое же поведение.

Может быть, это просто глупый вопрос, но я все равно задаю его: П.

Answer 1

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

Затем вы можете иметь div "wrapper" вокруг выше, это гарантирует, что скрывает тот факт, что ваши поплавки могут иметь ширину 5000 пикселей.Использование overflow-x для прокрутки создаст впечатление, что ваш div постоянно растет.

Я думаю, что это связано с блочной моделью, поскольку я знаю, что нет контейнера, который становится большеи все больше и больше, без расчетной ширины.Вы всегда будете нажимать на элемент родительского блока по пути вверх по иерархии DOM (думаю, body / html) с фиксированной шириной .

Answer 2

Я думаю, что overflow:visible должен добиться цели.