Теги Div и проблема выравнивания

Question

У меня следующая ситуация с моими тегами Div и их перемещением. У меня есть 3 раздела страницы - заголовок, тело, нижний колонтитул. Моя проблема с основным (основной) раздел. В этом разделе я добавил два тега div для создания левой и правой области раздела body. Я пропустил левый кол слева. Но правый столбец длиннее левого, поэтому правый текст возвращается назад под левым разделителем, и я этого не хочу. Я хочу в основном два col, созданных в этом разделе тела. Вот основная структура div того, что я делаю ниже.

<div class="header">
</div>
<div class="main">
   <div class="leftCol"></div>
   <div class="rightCol"></div>
</div>
<div class="footer">
</div>

Как я могу создать два столбца с тегами div в этом главном?

Answer 1

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

float: left;

Answer 2

Плавающие оба столбца слева. Это приведет к тому, что оба столбца будут отображаться рядом друг с другом в порядке документа слева направо.

Answer 3

Возможно, я немного опоздал с этим вопросом, но если вам нужно поведение таблицы с тегами div, вы можете сделать следующее:

Answer 4

Плавайте и правую колонку влево.Убедитесь, что вы указали ширину плавающих элементов.

Если вы хотите упростить это для себя, рассмотрите возможность использования светокопии или другой структуры макета CSS.

Answer 5

Шаг 1: удалите объявления div.
Шаг 2: используйте таблицы.
Шаг 3: Расслабьтесь, зная, что это просто работает.

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

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

То, что вы описали, даже то, что вы использовали, - именно то, для чего таблица,Таблицы имеют столбцы.Плавающие вещи нет.