держать div плавающим влево, если окно браузера становится меньше

Question

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

У меня есть контейнер div со скрытым переполнением. Внутри контейнера у меня есть div, плавающие влево. Внутри этих div находятся ul с фиксированной шириной.

Если я изменю размер браузера, я хочу, чтобы div был изящно отрезанным с правой стороны .

Текущая ситуация такова, что она плавает под предыдущей и оставляет некрасивое пустое пространство .

Как я могу поддерживать все по горизонтали?

Любая помощь приветствуется!

спасибо в Adv, Ричард

EDIT

<STYLE>
    #bericht_container{ border: thin solid #000000; margin-left:20px; overflow:hidden; padding:10px;  width:900px;}
    DIV.bericht_maand{ float:left; margin-left: 20px; border: 2px solid #A0A0A4; }
</STYLE>

Answer 1

Вы должны обернуть их в div, который является минимальной шириной вашей страницы.

* 1003 Е.Г. *

#wrapper { width: 900px; }

<div id="wrapper">
    ... Your current HTML ...
</div>

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

Answer 2

Я не проверял это, но я думаю, что это должно работать, если вы установите ширину div на 100% и переполнение скрыто?