Проблема перекрытия содержимого / нижнего колонтитула в браузерах Webkit

Question

У меня небольшая проблема с сайтом, который я разрабатываю. У меня есть содержимое тела, которое сталкивается с div нижнего колонтитула, частично скрывается за ним и выталкивает содержимое нижнего колонтитула.

Мне удалось воспроизвести эти симптомы только на Chrome / Win, Safari / Win и Safari / Mac.

Вы можете просмотреть страницу здесь: http://www.pacarmy.ca/blog2.php

Я проверил HTML, и те же самые страницы отлично работают в IE9 / win, FF / win и opera / win.

Поиск в Google не помог мне, и ближайшая тема о Stackoverflow, которую я нашел, была:

css проблема с хромом в кросс-браузерах нижнего колонтитула (IE, FF, Chrome)

Что на самом деле совсем не проблема.

Кто-нибудь может посоветовать? Рассуждать? Что-нибудь? :)

Спасибо.

Answer 1

Ваше сообщение является плавающим, и родительские элементы никогда не расширяются, чтобы содержать плавающие элементы, поэтому вам нужно "очистить свои плавающие элементы".Один из способов сделать это - добавить 'overflow: auto' к вашему элементу section.Это заставляет родителя расширяться при переполнении элементов.Тем не менее, я не проверял, является ли это лучшим местом или методом, когда вы добавляете больше постов или элементов на эту страницу.

Для получения дополнительной информации вы можете поискать в «Гугл» или на SO,и методы.