Проблема с выравниванием div

Question

У меня есть 3 деления каждого из 250 ширины и 125 высоты. Как я могу расположить их рядом друг с другом, чтобы они работали в большинстве браузеров?

Answer 1

Это решит вашу проблему

<div style='float:left; width:250px; height:125px;'>First</div>
<div style='float:left; width:250px; height:125px;'>Second</div>
<div style='float:left; width:250px; height:125px;'>Third</div>

Это необязательно

<div style='display:inline-block'>
    <div style='float:left; width:250px;'>First</div>
    <div style='float:left; width:250px;'>Second</div>
    <div style='float:left; width:250px;'>Third</div>
</div>

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

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

Answer 2

Если все они имеют одинаковую высоту, просто используйте float: left для них, чтобы добиться цели, при условии, что их окружающая коробка достаточно широка, чтобы вместить их всех.