Двухколоночная компоновка без плавающих элементов?

Как я могу расположить divs бок о бок без использования float? Я спрашиваю, потому что я несколько раз читал, что не должен использовать float. Или в этом конкретном случае поплавок по-прежнему лучший способ позиционирования элементов?

Ответы

Ответ 1

http://jsfiddle.net/9LaJt/

Вы должны взглянуть на:

display: inline-block

Как сказал Марк, чтобы избежать алиментации базовой линии:

vertical-align: top

Ответ 2

У вас есть несколько вариантов...

  • Абсолютное позиционирование COL1 ширина: 50% слева: 0% COL2 ширина: 50% левая: 50%
  • Фиксированное позиционирование "такое же, как указано выше, но будет мешать прокрутке"
  • Раскладка таблицы, хотя пуристы будут протестовать, она будет работать правильно