Разрешение div расширяться или перемещаться мимо контейнера

Question

У меня есть проблема (код динамический, поэтому его сложно распечатать - я надеюсь, что это просто), когда родительский контейнер div содержит 3 элемента div с плавающей запятой влево, но если 3-й div выходит за пределы тела страницы (т.е.ширины браузера) строка разрывается, чтобы идти внизу.

Я хочу, чтобы он плавал: оставленный независимо от того, идет ли он через «конец браузера» или нет.Возможно ли это?

Пример кода: -

<div id="container"><div id="divLeft"></div><div id="divCenter"></div><div id="divRight"></div></div>

Где все деления слева, по центру и справа находятся с плавающей точкой: влево;

Все же #divLeft сломается, чтобы пойтив divCenter, если его ширина выходит за пределы ширины браузера.

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

Answer 1

Лучший способ убедиться в этом - установить фиксированную ширину для div здесь.

Пример здесь

#container{width:306px;display:block;border:1px solid black;overflow:auto;}
#divLeft, #divCenter,#divRight{float:left;border:1px solid red;width:100px;}

Не забудьтеoverflow:auto на вашем контейнере, если вы хотите применить фон или границу, иначе он не будет находиться под вашими div.

Answer 2

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