плавающие элементы div внутри позиции относительного элемента div

Question

У меня есть относительная позиция div (контейнер id), и внутри нее у меня есть другие div (кнопки классов), которые должны быть с плавающей точкой: left;

<div id="container">
    <div class="buttons"></div>
    <div class="buttons"></div>
    <div class="buttons"></div>
</div>

Проблема заключается в том, что если я устанавливаю divs кнопокплыть налево;они не сравниваются внутри контейнера div, я не знаю, где они, даже с firebug я не могу их найти.Я удаляю float: left;div отображаются только один под другим, а не один рядом с другим.Как я могу сделать?Спасибо, Маттиа

Answer 1

Вы можете установить стиль класса кнопок на display: inline-block; или использовать диапазон.

Редактировать:

Я собрал для вас пример jsfiddle.http://jsfiddle.net/2t87P/

Вы должны быть в состоянии настроить CSS, я надеюсь, что это поможет.

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

http://speckyboy.com/2009/06/03/15-amazing-jquery-image-galleryslideshow-plugins-and-tutorials/