удалить пробел между фиксированным нижним колонтитулом и основным материализацией - PullRequest
0 голосов
/ 15 мая 2018

Когда я изменяю размер своего индекса, я показываю пробел между основным и нижним колонтитулом, внутри моего основного у меня есть элемент карусели.

Любые предложения, чтобы исправить мое пространство?

css в мой нижний колонтитул:

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

    main {
        flex: 1 0 auto;
    }

enter image description here

1 Ответ

0 голосов
/ 26 июня 2018

Вы используете «Липкий нижний колонтитул», это означает, что он всегда будет внизу.

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

Вы можете отключить «закрепление», удалив отправленную вами css, это означает, что ваш нижний колонтитул будет отображаться прямо за этой каруселью. Также вы можете установить цвет фона тела так же, как нижний колонтитул, чтобы избавиться от белых строк.

Вы также можете растянуть свой контент.

Это не материализованная проблема, вам просто нужно подумать о вашем макете.

...