固定一个div在浏览器底部

转载于 2017-09-05 10:56:00 发布 · 122 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/arxive/p/7477529.html

文章标签：

本文介绍了三种将div元素固定在浏览器底部的方法：使用CSS绝对定位、固定定位以及Float浮动定位。这些方法适用于不同场景，例如当div是body元素的子元素时可以采用Float方法。

方法1：使用CSS绝对定位

   div{
  

   position
   :
   absolute
   ;
  

   bottom
   :
   0px
   ;
  

   left
   :
   0px
   ;
  

   }
  

方法2：使用CSS固定定位

   div{
  

   position
   :
   fixed
   ;
  

   bottom
   :
   0px
   ;
  

   left
   :
   0px
   ;
  

   }
  

方法3：使用Float浮动定位(适用于div是body元素的子元素)

   div{
  
   float
   :
   right
   ;
  
   bottom
   :
   0px
   ;
  
   }

转载于:https://www.cnblogs.com/arxive/p/7477529.html