Контейнер div не растягивается до содержимого?

Question

Трудно объяснить, поэтому вот проблема: http://www.givetoagiver.co.cc/about.php

Я думаю, что это связано со свойством position #content и # left / # right divs. Заранее спасибо.

Answer 1

Добавьте zoom: 1; и overflow: hidden; или overflow: auto; к содержанию div.

Когда вы используете float для элементов. Элементы хранятся вне нормального потока документа.

Answer 2

Вы можете добавить overflow: auto; к вашему # content-div или добавить его к # right-div и удалить float: left;.Я бы предпочел второй способ!

Answer 3

поскольку вы используете float, просто добавьте overflow: hidden к вашему #content div

Answer 4

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

Предложения:

Добавить число с плавающей запятой: слева от "содержимого" div.

Добавьте после своего "правильного" div. И в вашем CSS добавить: .clear {clear: both}

Answer 5

Добавьте следующие изменения в css файл. Для «контента»

#content{
  overflow: auto;
}