Мой <footer>продолжает прыгать в начало страницы

Question

Здравствуйте. Я пишу сайт, используя Aptana Studio 3. На данном этапе у меня есть 1 <div> для контента: один <nav> для навигации по сайту и один <footer> с простым авторским правом.В настоящее время я экспериментирую с

float:left;
float:right;

Это привело к тому, что мой <footer> перепрыгнул в самый верх страницы, и он не ушел, пожалуйста, помогите мне найти решение, которое не включает position:absolute; или неспособность к центру абсолютной позиции.

Answer 1

Вы должны обернуть <nav> и содержимое <div> в оболочку и добавить правило CSS в оболочку overflow: hidden - http://jsfiddle.net/7kpuH/

ОБНОВЛЕНИЕ: для нижнего колонтитула, который придерживается до самого низастраницы, которую вы можете просмотреть здесь - Проблемы с липким нижним колонтитулом CSS

<section>
    <div id="content">
        content
    </div>

    <nav>
        navigation
    </nav>    
</section>

<footer>
    footer
</footer>

CSS

section, footer { width: 500px; margin: 0 auto; background: #eee; }
section { overflow: hidden }

#content { background: orange; width: 250px; float: left; padding: 20px; }
nav { background: beige; width: 150px; float: right; padding: 20px; }

footer { padding: 20px 0; border-top: 5px solid #fff }