使用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