Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Виталий Кононенко
@rushOneToster
JavaScript
CSS
Как прижать футер вниз и чтобы его высота менялась при добавлении контента?
Как прижать футер вниз и чтобы его высота менялась при добавлении контента?
Вопрос задан
более трёх лет назад
2305 просмотров
Комментировать
Подписаться
3
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
Anton Filippov
@vicodin
Имею некоторый опыт
jsfiddle.net/aqbx1at2/2
Ответ написан
более трёх лет назад
2
комментария
Нравится
2
комментария
Facebook
Вконтакте
Twitter
Виталий Кононенко
@rushOneToster
Автор вопроса
всё это видел , если в body накидать текст - будет жопа
jsfiddle.net/aqbx1at2
Написано
более трёх лет назад
Anton Filippov
@vicodin
Виталий Кононенко
: вы правы, тогда вот так
jsfiddle.net/aqbx1at2/2
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
3
Keyn Din
@Lure_of_Chaos
Программист
css bottom:0, но для регулирования высоты может понадобиться javascript.
Ответ написан
более трёх лет назад
4
комментария
Нравится
4
комментария
Facebook
Вконтакте
Twitter
Anton Filippov
@vicodin
зачем js ?
jsfiddle.net/aqbx1at2
Написано
более трёх лет назад
Keyn Din
@Lure_of_Chaos
вдруг неожиданно меняется контент, появляется горизонтальный скролл?
Написано
более трёх лет назад
Anton Filippov
@vicodin
Lure_of_Chaos
: горизонтальный скролла не будет, я хз, почему фидл тупит,
добавьте хоть 10 строчек контента и посмотрите что будет
Написано
более трёх лет назад
Виталий Кононенко
@rushOneToster
Автор вопроса
Lure_of_Chaos
: всё верно вот только какой js скрипт не подскажете?
Написано
более трёх лет назад
Никита Гущин
@iNikNik
Никакого JS. Смотрите
пример c bottom:0
. Работает с любым количеством контента.
Вот еще
один способ
(тут надо жестко задавать высоту футера)
Ответ написан
более трёх лет назад
3
комментария
Нравится
3
комментария
Facebook
Вконтакте
Twitter
Виталий Кононенко
@rushOneToster
Автор вопроса
Работает с любым количеством, но если футер закидать текстом то не слюбым
Написано
более трёх лет назад
Anton Filippov
@vicodin
Виталий Кононенко
:
jsfiddle.net/aqbx1at2/2
Написано
более трёх лет назад
Виталий Кононенко
@rushOneToster
Автор вопроса
Антон
: мда а так работает, ок , спасибо
Написано
более трёх лет назад
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
Вот
тут
ответил.
Работает на всех устройствах.
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
Простой
Не работает в консоле setTimeout. Что можно сделать?
1 подписчик
15 часов назад
164 просмотра
1
ответ
CSS
+2 ещё
Средний
Как решить проблему с появлением пустого пространства под drawer из shadcn?
2 подписчика
02 окт.
89 просмотров
1
ответ
JavaScript
Простой
Как прочитать ответ сервера после отправки формы?
2 подписчика
27 сент.
268 просмотров
1
ответ
CSS
Простой
Как пофиксить визуальный глитч с border-radius и transparent + blur?
2 подписчика
26 сент.
141 просмотр
2
ответа
CSS
Простой
CSS3 как выбрать последние 4 элемента?
1 подписчик
25 сент.
192 просмотра
2
ответа
CSS
Простой
Как заставить css-variables перевычисляться?
1 подписчик
23 сент.
167 просмотров
1
ответ
HTML
+1 ещё
Простой
Как убрать линии у бейджиков в Markdown?
1 подписчик
23 сент.
188 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как менять картинки у карточки в списке товаров?
4 подписчика
22 сент.
312 просмотров
1
ответ
JavaScript
Простой
Где найти исходники стандартной библиотеки JavaScript?
1 подписчик
21 сент.
299 просмотров
2
ответа
JavaScript
+2 ещё
Простой
Где найти такой слайдер?
1 подписчик
20 сент.
228 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Senior Automation QA Engineer
OfferCase
•
Москва
от 400 000 ₽
Senior frontend developer
DigitalHR
•
Ереван
До 4 000 $
Frontend разработчик
Selecty
от 200 000 до 330 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама