📌  相关文章
📜  如何创建页脚以停留在网页的底部?

📅  最后修改于: 2021-08-31 08:10:29             🧑  作者: Mango

创建留在网页底部的页脚 我们可以将它的位置固定在网页的底部,这样,如果您向下滚动该网页,您仍然可以从页面的任何位置查看页脚。
要将页脚固定在网页底部,您可以使用position: fixed

句法:

#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer */
   background:#6cf;
}

例子:


  

    
  
    
  
        
            
                
                    

GeeksforGeeks

                    

GeeksforGeeks

                    

GeeksforGeeks

                    

GeeksforGeeks

                    

GeeksforGeeks

                    

GeeksforGeeks

                    

GeeksforGeeks

                    

GeeksforGeeks

                    

GeeksforGeeks

                    

GeeksforGeeks

                    

GeeksforGeeks

                    

GeeksforGeeks

                                     
            
                 

输出: