Отступ после футера

254
04 декабря 2017, 15:46

Перерыл уже весь гугл, как только не пытался баловаться со стилями

Данный отступ появляется если браузер сузить, то есть изменить расширение сайта к минимуму.

Вот стили: ТЫК

И сам сайт: ТЫК

Answer 1

Во-первых <footer> не означает, что этот блок будет в самом низу страницы. Он просто ниже основного содержимого страницы, но при этом может быть и выше нижней границы окна браузера.

Можно сделать вот так: https://jsfiddle.net/n6p74dye/

HTML

<body>
    <header>...</header>
    <footer>...</footer>
</body>

CSS

body {
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
header {
  flex: 1 0 auto;
}
footer {
  flex: 0 0 auto;
}

В итоге header всегда будет или в самом низу страницы (если она больше экрана) или в самом низу экрана

А все основное содержимое размещаешь в <header></header>

READ ALSO
Мне нужно получить код страницы или скачать html файл автоматически. Проблема - сайт понимает, что запросы автоматические и выдает капчу
HTML

Мне нужно получить код страницы или скачать html файл автоматически. Проблема - сайт понимает, что запросы автоматические и выдает капчу

Как можно это обойти? Любыми способамиХочется именно не взломать капчу, а обойти само ее генерирование - то есть чтобы она вообще не появлялась

 199
iframetracker jquery - youtube видео this
HTML

iframetracker jquery - youtube видео this

На сайте есть несколько ютуб роликов, у враппера видео есть overlay, подскажите как при нажатии на youtube ролик убрать текущий overlay с помощью данного...

 270
Правка html сайта на wordpress
HTML

Правка html сайта на wordpress

У сайта на wordpress есть элемент, у которого фон задан через атрибут style в html, вижу это через просмотр кода элемента в браузере, можно ли как-то...

 260
Ссылка на папку
HTML

Ссылка на папку

ЗдравствуйтеУ меня такой вопрос - как сделать ссылку на локальном сайте для перехода в нужную папку на компьютере, т

 325