Questo è un esempio veloce, se lo copi vedi la struttura visuale.


codice HTML:
<!doctype html>

<html lang= "it">

<head>

<title>Home</title>

<meta charset= "utf-8">
<meta name= "viewport" content= "width=device-width, initial-scale=1">
<meta name= "author" content= "Pinco Pallino">
<meta name= "description" content= "">
<meta name= "keywords" content= "">

<link rel= "stylesheet" href= "css/style.css">

</head>

<body>

<header>
</header>

<footer>


</footer>

</body>

</html>
codice:
/*documento css*/

body{
    width:100%;
    margin:0 auto;
}

footer{
    width:100%;
    height:60px;
    background-color: grey;
    position:absolute;
    bottom:0;
    
}