在开发过程中,会遇到将一个按钮或其他元素一直悬浮在底部的需求。
这个时候就需要用到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属性的值