CSS - Почему высота кажется установленной, а ее нет?

Question

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

У меня был один, но казалось, что тело не было жидким, поэтому я решил попробовать это: http://ryanfait.com/sticky-footer/

Но результаты оказались такими: http://www.serverbart.com/film/

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

Answer 1

Это потому, что у вас есть это:

<div id="mainWrapper">
    <div id="content"></div>
    <div id="push"></div>
    <div id="footer"></div>
</div>

Мне понадобилось целую вечность, чтобы понять, что я делаю неправильно, когда я впервые создал липкий нижний колонтитул, и это должно быть так

<div id="mainWrapper">
    <div id="content"></div>
    <div id="push"></div>
</div>

<div id="footer">
</div>

Вы должны явно иметь 2 элемента div в качестве ваших внешних элементов div, а не только одну основную оболочку.

Answer 2

Вы не следуете примеру Райана Фейта. Для начала толчок идет внутрь обертки.

Answer 3

Высота для толчка и нижнего колонтитула должна быть одинаковой. Толчок должен идти внутрь обертки.