авто наценки
аружил очень простой способ создания липкого нижнего колонтитула для моего сайта, и на первый взгляд он работает идеально.
Но так как я не вижу, чтобы другие люди использовали то же самое,Мне интересно, если этот способ сделать это нарушенза пределами браузеров, которые вообще не поддерживают flex-box?
Я использую bootstrap для настройки flex-box, и я работаю в React, вот мой код:
<div className="body-div d-flex flex-column justify-content-between">
<div> <!-- inner div -->
<MainNav/>
</div>
<MainFooter className="d-flex flex-column"/>
</div>
Для людей, которые не знают, реагируют: внешний div может рассматриваться как элемент body на «нормальной» html-странице.
CSS для body-div:
min-height: 100vh;
Так что, в основном, я позволил внутреннему div и основному нижнему колонтитулу переместиться вверх и вниз соответственно, установив их контейнер в flex-box со свойством justify-content, установленным в space -ween.
Также я хотел бы добавить, что содержимое моего сайта, за исключением нижнего колонтитула, будет входить во внутренний блок.