Div рядом друг с другом без поплавка
WW Как я могу сделать div 'left' и 'right' похожими на столбцы рядом?
Я знаю, что могу использовать float: left для них, и это будет работать ... но на шаге 5 и 6 здесь http://www.barelyfitz.com/screencast...s/positioning/ парень говорит, что это возможно, я не могу заставить его работать, хотя ...
Код:
LEFT
RIGHT
1 ответ
Обычным методом, когда не используются floats, является использование display: inline-block: http://www.jsfiddle. net/zygnz/1/
.container div {
display: inline-block;
}
Однако обратите внимание на его ограничения: после первого блока есть дополнительный пробел — это потому, что два блока теперь по существу являются встроенными элементами, например a. ] и em, так что пробелы между двумя счетчиками. Это может сломать ваш макет и/или выглядеть некрасиво, и я бы предпочел не удалять все пробелы между символами ради этой работы.
В большинстве случаев поплавки более гибкие.