dwa4821 2016-09-02 06:31 采纳率: 71.4%
浏览 4809
已采纳

css 元素固定底部 并且不遮挡其他元素

请看图
第一张，是全部显示的情况。没有滚动条。
第二张，是扩大浏览器宽度之后页面。出现了滚动条，底部有一部分内容被挡住。
第三张，将滚动条拉到最底，内容被遮挡，无法完全显示。
一
二
三

  • 写回答

4条回答 默认 最新

  • 当作看不见 2016-09-02 06:40
    关注

    那个地步的是fixed定位是吧，
    你把那个body加一个Maggin-bottom，值正好为这个div的高度，那到底部的时候靠外边框撑开，就不会遮挡其他元素了

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题？

  • css div固定底部 并且不遮挡其他元素
    2020-02-10 18:21
    I like study.的博客 问题：设置固定底部的div后会遮挡其他元素 解决方法:为该固定在底部的div设置一个height，position设置为fixed， 然后给body设置一个margin-bottom，大小为该固定在底部的div的height ...
  • css如何让按钮始终在底部并且不遮挡内容
    2020-07-07 21:11
    weixin_46878340的博客 css如何让按钮始终在底部并且不遮挡内容 html: <div class="bottom_btns"> <div class="export">导出</div> <div class="print">打印</div> </div> css: .bottom_btns { ...
  • css固定顶部 且不遮挡下面元素显示
    2020-09-01 09:35
    洪洪呀的博客 css固定顶部 且不遮挡下面元素显示 在css布局中 经常会遇到固定头部导航栏 或者内容块的需求 前两天小洪刚巧在做移动端的页面 遇到这样的需求 对头部进行固定 没想到下面的元素直接顶到了页面的开始 怎么解决呢 具体...
  • css 固定底部
    2024-07-13 10:04
    用心去追梦的博客 此外，确保固定底部元素不会遮挡其他重要内容，可以通过调整。要在CSS中实现一个元素固定在页面底部，同时允许页面其他内容在它之上正常滚动，通常可以使用。元素固定在浏览器视口的底部，无论用户如何滚动页面，这...
  • css - 页面底部固定的几种方法
    2022-11-25 15:59
    新节的博客 本文总结了3种移动端底部固定按钮的实现方法：1）使用相对定位+绝对定位，注意滚动时需改用fixed定位；2）flex弹性布局，通过margin-top:auto实现自动底部对齐；3）利用calc()动态计算内容高度。重点提示了100vh可能...
  • css固定底部的五种方法
    2018-11-08 18:10
    swimming_in_it_的博客 我们知道，当内容足够多可以撑开底部到达浏览器的底部，如果内容不够多，不足以撑开元素到达浏览器的底部时，下面要讲的布局就是解决如何使元素粘住浏览器底部。需求看下图： 方法一：全局增加一个负值下边距等于...
  • css将div层固定显示在页面底部不随滚动条滚动
    2020-12-13 04:30
    总结来说，要创建一个不随滚动条滚动而始终保持在页面底部的div元素，我们使用了CSS的position属性，并将其值设为fixed。这样我们就可以通过调整right和bottom属性来控制元素距离窗口边缘的位置，同时设置width和...
  • 5种实现CSS底部固定的方法
    2021-05-23 21:09
    lpq1201的博客 有一个全局的元素包含除了底部之外的所有内容。它有一个负值下边距等于底部的高度 html代码： <body> <div class="wrapper"> content <div class="push"></div> </div> <...
  • 微信小程序，新添加的元素保持在底部
    2021-03-29 20:30
    在这个例子中，`.bottom-container` 类的作用是让元素固定在屏幕底部。`bottom: 0;` 确保元素距离页面底部为零，`width: 100%;` 确保其宽度与视口宽度相同。此外，`z-index` 属性确保这个元素在页面上的其他内容之上...
  • css中如何解决绝对定位元素被遮挡的问题
    2023-05-17 17:52
    向画的博客 ie7下 绝对定位元素即使z-index值很高，如果其设置相对定位的父元素没有设置z-index值的话，其可能（这种可能性当然是布局存在遮盖的时候）会被后面设置了相对定位的元素遮挡（即使后面的相对定位的元素没有设置z-...
  • 没有解决我的问题, 去提问