CSS глючит в хроме

Question

На сайте http://thornhillss.ca/pages.php?id=7 Нижний колонтитул прекрасно выглядит в любом браузере.Тем не менее, в Chrome он не касается нижней части рамы.Это почему.Это должно быть простое исправление, однако я просто не знаю, почему это не сработает.

* Это должно придерживаться нижней части моего div.Не моя страница.

Answer 1

Это потому, что div с идентификатором "main2" не может расширяться с помощью плавающего справа div.По умолчанию div не расширяется, чтобы соответствовать плавающим дочерним элементам, поэтому вы должны указать ему скрыть переполнение (которое скажет, что оно расширяется, чтобы соответствовать всем дочерним элементам, если вы также не зададите ему фиксированную высоту):

#main2 {
   width: 860px;
   margin-top: 15px;
   margin-left: 20px;
   margin-right: 20px;
   position: relative;
   overflow:hidden;
}

Answer 2

У вашего класса p.clear есть запас, так как вы не используете сброс.

Если вы добавите margin: 0 к вашим стилям .clear, поле исчезнет, ​​и вы увидите, как выхочу.

Answer 3

Это то, что вы ищете, это работает и замечательно липкий нижний колонтитул