Бок о бок

Question

Я создаю шаблон HTML для своего сайта и хотел бы, чтобы основная панель контента была слева, а панель навигации - справа (аналогично Twitter).

Я предполагаю, что DIV не являются предпочтительным подходом, поскольку они по умолчанию перечислены сверху вниз. Я играл с float: left и float: right, но из-за этого родительский div не расширяется по вертикали.

Я видел ссылки на использование таблиц (кажется, шаг назад) и SPAN (которые я не смог использовать для получения правильного эффекта).

Какова наилучшая практика для создания параллельных панелей в HTML?

Любой совет или примеры будут с благодарностью.

Answer 1

DIVs с плавающей точкой, вероятно, ваш лучший выбор. Какая у тебя проблема с ростом? Вы пытались сделать height: auto для div?

Answer 2

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

Почему вы предполагаете, что когда ваш пример, Twitter, использует их?

Родитель div можно расширить до высоты большего из двух столбцов, поместив div ниже двух столбцов внутри контейнера div с clear: both в качестве его CSS.