zoukankan      html  css  js  c++  java
  • 使用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

  • 相关阅读:
    Codeforces Round #436 (Div. 2)
    【bzoj1090】 [SCOI2003]字符串折叠
    【并查集】食物链(带权并查集)
    【图论】二分图
    【图论】关押罪犯
    关于图论的若干巴拉巴拉
    一系列的入门and一堆吐槽
    【分块】八
    9-30刷题记录
    bzoj5055
  • 原文地址:https://www.cnblogs.com/ccw869476711/p/14763988.html
Copyright © 2011-2022 走看看