how to set footer at the bottom when there is no content

Answer 1

A) Footer is fixed:

footer {
    background-color: skyblue;
    position:fixed;
    bottom: 0;
    width: 100%;
}

footer {
	background-color: skyblue;
	position:fixed;
	bottom: 0;
	width: 100%;
}

  

  

    

      
Designed by Wiredelta 
    
    

      

        

          

            
              
            
          
          

            
              
            
          
          

            
              
            
          
          

            
              
            
          
        
      
    
  
  

B) Footer is not fixed:

body {
    height: 1200px;
    position: relative;
}

footer {
    background-color: skyblue;
    position:absolute;
    bottom: 0;
    width: 100%;
}

body {
  height: 1200px;
  position: relative;
}

footer {
  background-color: skyblue;
  position:absolute;
  bottom: 0;
  width: 100%;
}

  

  

    

      
Designed by Wiredelta