how to remove white space below footer in html code example

Example 1: css remove white space below footer

<body>
    <section>
        This is content of the page
    </section>
    <footer>
        Text of footer
    </footer>
</body>

section {
    min-height: 100vh; /* minus the height of the footer */
}

Example 2: how to remove white space under footer

html,
body {
 height: 100%;
 position: relative;
}
.site-content {
 min-height: 100vh; /* will cover the 100% of viewport */
 overflow: hidden;
 display: block;
 position: relative;
 padding-bottom: 100px; /* height of your footer */
}
footer {
 position: absolute;
 bottom: 0;
 width: 100%;
}

Tags:

Css Example

Related