Справка по CSS для Non-Sticky Footer?

Question

Я хочу, чтобы мой нижний колонтитул прилипал к нижней части страницы, поэтому я использовал

position: absolute;
bottom: 0px;

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

Как сохранить его внизу, а затем, если страница слишком мала, просто не показывать нижний колонтитул (не позволяйте ему перекрывать другой контент)

Answer 1

То, что вы описываете, является Sticky Footer . Помимо использования javascript, это очень сложная вещь, и во многих случаях она сильно зависит от реализации (будет работать только на сайте, на котором она построена: P). Этот сайт, на который я ссылаюсь, может работать, а может и не работать. У меня не получалось, когда я хотел это сделать, но все зависит от конкретных обстоятельств.

Answer 2

Чтобы нижний колонтитул сжимался или иным образом действовал по-разному, когда браузер небольшой, вам понадобится JavaScript, который запускается событиями load и resize (как минимум), которые проверяют высоту главной страницы и когда находятся под определенным Размер изменил бы свойства нижнего колонтитула.

Невозможно вообразить с помощью одного только CSS.

Answer 3

Вы можете взглянуть на некоторые техники "липкого нижнего колонтитула", такие как:

http://www.cssstickyfooter.com/

Спасибо