Я использую фонд для создания своего веб-сайта, и я пытался сделать мой нижний колонтитул отзывчивым.
Я выполнил шаги из официального руководства .
Для моего нижнего колонтитула используйте этот код:
<footer>
<div class="wrap row small-up-1 medium-up-1 align-center">
<div class="column"><a href="index.html">Lorem</a></div>
<div class="column"><a href="register.html">Lorem</a></div>
<div class="column"><a href="impressum.html">Lorem</a></div>
</div>
</footer>
CSS выглядит следующим образом:
footer{
text-align: center;
background-color: #222;
color:white;
width:100%;
margin: 0;
padding:10px 0px;
position:absolute;
bottom:0;
}
Это прекрасно работает, когда у меня только небольшое количество текста,Но когда я помещаю много текста на свою страницу, текст идет за нижним колонтитулом и дальше.
Похоже, это!
Может кто-нибудь сказать мне, что я делаю неправильно.В результате нижний колонтитул должен быть всегда внизу.
Заранее спасибо!
Редактировать:
Вот скрипка, чтобы вы могли увидеть, в чем моя проблема: скрипка