Проблема с высотой CSS - контейнер не растягивается (не плавает)

Question

Здесь по двум ссылкам, которые будут отображать мою проблему: http://www.wontletthisbeatme.com/information.asp

На странице блога вы увидите, что содержимое и элементы контейнера хорошо растягиваются до самого дна, даже если для содержимого этого не требуетсямного места.Это помещает нижний колонтитул внизу, и это выглядит хорошо.Однако во второй ссылке информация простирается за пределы точки обзора, и элементы div и нижний колонтитул контейнера не корректируются для размещения дополнительного содержимого.

Это проблема, с которой я сталкивался некоторое время и до сих пор не решилсяпонять концепцию.У меня есть высота: 100% размещены на моих элементах html и body, а также на контейнерах, но я все еще неэффективен с нижними колонтитулами в CSS.Я просмотрел много ссылок в Интернете и предыдущих постах, но, как я уже сказал, не могу обойтись без этого.Любая помощь будет принята с благодарностью.

Обновление

Я внес некоторые изменения в страницы.Теперь, последняя проблема, которую я вижу, связана с информационной страницей, где информация, содержащаяся в содержимом div, фактически не растягивает div вниз.Там нет плавающих и нет причин, чтобы я мог видеть, что этот div не должен растягиваться с его содержанием.Любой совет?

Answer 1

Я думаю, это потому, что CSS для footerContainer содержит атрибут "position: absolute;".Удаление этого исправляет проблему для меня.

ОБНОВЛЕНИЕ : контейнер (то есть contentContainer ) правильно растягивается, если удалить из него атрибут «высота: 100%».Но опять же, я не анализировал весь макет.

Answer 2

установить .footerContainer в положение: относительное (или не указывать атрибут позиции)

Answer 3

Вы используете position:absolute на панели нижнего колонтитула и панели навигации.Чтобы это исправить, вам нужно прекратить использовать это на обоих, чтобы навигационная панель могла сдвинуть нижний колонтитул вниз по странице, вместо того, чтобы дать ей фиксированное положение.

Answer 4

Это наиболее вероятно, потому что позиция div footerContainer установлена ​​в absolute

Answer 5

То, что вы описываете, что вы хотите, звучит очень похоже на проблему, выраженную в Заставить нижний колонтитул не подниматься над нижней частью экрана без посторонней разметки , в которую пришли и я, и первоначальный спрашивающий, Джейсон Кристас работоспособными решениями.Ссылка имела особое требование не использовать содержащий div, но я думаю, что концепции из нее должны оказаться полезными в вашем приложении.

Answer 6

используйте следующим образом;

.clear{clear:both; display:block; line-height:0%;}

и используйте .clear как

<div class="clear"></div>

Answer 7

Я думаю, что из-за того, что в данный момент я не вижу источника, был добавлен или удален дополнительный или отсутствующий тег <div> или </div> ...