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