📌  相关文章
📜  如何使用 CSS 将 div 定位在其容器的底部？

📅  最后修改于: 2021-08-30 10:07:34             🧑  作者: Mango

可以使用底部和位置属性来设置 div 在其容器底部的位置。将位置值设置为绝对值并将底部值设置为零以在容器底部放置一个 div。
位置属性可以采用以下列出的多个值：

  • 绝对：当除法的位置相对于其父级(在本例中使用)时使用此属性。
  • 相对：当分区相对于屏幕上其他组件的位置时使用此属性。
  • fixed：当组件的位置固定在屏幕上时使用此属性，而不管其他 HTML 组件(如页脚注释)。

位置属性以及左、右、上、下等属性可用于显示适当的定位。

示例 1： 



    
        Position a div at bottom
        
    
    
        

            
GeeksforGeeks

            
 
                
A computer science portal for geeks

            

        

        
               

输出：
位置底部

例2：本例中使用table来显示body底部的内容。 top 和 bottom 属性用于设置顶部和底部位置的内容。 



    
        
    
    
        
            
                
            
            
                
            
        
GeeksforGeeks
A computer science 
                portal for geeks

    

输出：
位置底部