materializecss нижний колонтитул

Я использую materializecss (угловато-материализую), и у меня есть много страниц, где мой нижний колонтитул не находится внизу. На сайте они говорят, что мы должны следовать HTML структуре ниже, и добавить некоторый CSS кода:materializecss нижний колонтитул

<html> 
    <head> 
    </head> 
    <body> 
     <header> 
     </header> 
     <main> 
     </main> 
     <footer> 
     </footer> 
    </body> 
</html>

код CSS добавляемого сайт:

body { 
    display: flex; 
    min-height: 100vh; 
    flex-direction: column; 
    } 

    main { 
    flex: 1 0 auto; 
    }

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

Если кто-то может помочь :)

источник

2016-04-07 Steve Bunlon

, пожалуйста, предоставьте фрагмент кода plunkr или SO – fikkatra

Возможно, вы выполняете структуру в «угловом селекторе», поэтому для нее требуется только требуемая высота. Попробуйте код на 'index.html', и он работает. – Dimple

Обычно, когда мои нижние колонтитулы не прилипают к дну, превращаем край дна отрицательных пикселей, а затем увеличить маржу дна ближайшего элемента к сноске. Погружение с полями, как правило, устраняет мои проблемы, надеюсь, что это поможет!

источник

2017-03-11 02:09:33

materializecss нижний колонтитул

ответ

Смежные вопросы