使用fixed定位将元素(如按钮)悬浮在页面底部

使用fixed定位将元素(如按钮)悬浮在页面底部

在开发过程中,会遇到将一个按钮或其他元素一直悬浮在底部的需求。

这个时候就需要用到fixed的定位方法:

    button{
     
      bottom:0; //可以更改为自己的需求距离底部的长度
     
      position:fixed;
     
    }

拓展:

在css中,元素的定位方式一共有5种,分别为

1.relative:相对定位,在文档流中占据位置。

2.absolute:绝对定位,使用left、top、right、bottom进行元素的定位,脱离文档流。

3.fixed:生成的是绝对定位的元素,也是使用left、top、right、bottom进行元素的定位。

4.static:默认值。

5.inherit:应从父元素继承position属性的值
————————————————
版权声明:本文为CSDN博主「风雨飘飘飘啊飘」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/Sing_a_song_again/article/details/97732993

原文地址:https://www.cnblogs.com/ccw869476711/p/14763988.html