невозможно закрепить нижний колонтитул до низа - PullRequest
Новая
       9

невозможно закрепить нижний колонтитул до низа

0 голосов
/ 12 июля 2020

Извините, что задаю этот вопрос. Я искал последние несколько часов, но не смог найти никакой помощи.

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

`<footer class="c-primary ">(tried but getting footer over content static-bottom,fixed-bottom)

  <div class="footer-copyright text-center py-3">&copy; Beginners Insight  2020
    <a href="http://localhost:8080/Beginners_Insight/index.jsp">BeginnersInsight.com</a><br>
    MADE WITH &hearts; BY Team ITF
  </div>


</footer>`

1 Ответ

0 голосов
/ 12 июля 2020

Вам нужно установить минимальную высоту страницы в соответствии с высотой области просмотра и оставить нижний колонтитул внизу страницы. 

* {
    box-sizing: border-box;
    margin: 0;
}

header {
    background-color: blue;
}

.content {
    position: relative;
    min-height: 100vh;
    background-color: blueviolet;
}

footer {
    background-color: green;
    position: absolute;
    bottom: 0;
    width: 100%;}
<!DOCTYPE html>

<head>
    <title>Footer bottom test</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="content">
        <header>my header</header>
        <main>

        </main>
        <footer>
            <div> Beginners Insight 2020
                <a href="">BeginnersInsight.com</a>
                MADE WITH &hearts; BY Team ITF
            </div>
        </footer>
    </div>
</body>

</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...