CSS |底部属性

底部CSS 属性允许更改元素的垂直位置。 Bottom 属性用于设置元素距视口底部的位置值。

句法：

bottom: auto|length|%|initial|inherit;

属性值

1. auto：这是底部属性的默认值。它根据浏览器设置底部属性。

   句法：

   bottom: auto;

   例子：

   
     
   
       
   
     
   
       
   GeeksforGeeks
       
   
           This line will be auto adjusted 
           for bottom based on the browser.
       
   
     
   
   

   输出：
   

2. Length : 以px为单位设置底边位置，cm也允许负值

   句法：

   bottom: 5px;

   例子：

   
     
   
       
   
     
   
       
   GeeksforGeeks
       
   
           This line will be adjusted for bottom based 
           on the length provided, i.e. 50px.
       
       
   
           This line will be adjusted for bottom based
           on the length provided, i.e. -15px.
       
   
     
   
   

   输出：
   

3. 百分比：它设置包含元素的百分比值。

   句法：

   bottom: 10%;

   例子：

   
     
   
       
   
     
   
       
   GeeksforGeeks
       
   
           This line will be adjusted for bottom based 
           on the percentage provided, i.e. 10%.
       
       
   
           This line will be adjusted for bottom based 
           on the percentage provided, i.e. -5%.
       
   
     
   
   

   输出：
   

4. 初始：将属性值设置为其默认值。

   句法：

   bottom: auto;

   例子：

   
     
   
       
   
     
   
       
   GeeksforGeeks
       
   
           This line will be adjusted for bottom based 
           on the initial value of the browser.
       
   
     
   
   

   输出：
   

5. 继承：它从父元素继承位置。

   句法：

   bottom: auto;

   例子：

   
     
   
       
   
     
   
       
   GeeksforGeeks
       
   
           This line will inherit the position 
           from the parent element.
       
   
     
   
   

   输出：
   

   支持的浏览器： bottom 属性支持的浏览器如下：

   • 谷歌浏览器
   • IE浏览器
   • 火狐
   • 歌剧
   • 苹果浏览器