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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM