css - 无论正文的位置如何,如何在页面底部附加一个空的 div

标签 css position positioning

我有一个应用程序,它是一种工具栏,它将以固定的位置出现在屏幕底部。但是,当我一直向下滚动页面时,工具栏会在页面底部隐藏一些链接。现在我可以隐藏该栏,但我希望即使不隐藏任何客户端页面的链接也不应隐藏在工具栏后面。

因此我想在页面底部附加一个透明的div。我把它贴在 body 标签的正上方。我知道它会弄乱客户的页面,但只是想试验一下。我用这个样式附上它 style='width:100%;高度:190 像素;'。这工作正常,但如果我给 body 绝对定位,它就会变得一团糟。

所以我想知道是否有一种方法可以在不考虑主容器定位的情况下将 div 附加到页面底部。这是仅使用 css 还是应该使用 javascript 才能实现?

最佳答案

您可以将 bottom 属性设置为 0px。 为 div 使用以下样式。

<div style="position: absolute; bottom: 0px; height: 120px; width: 300px;background-color: blue">

关于css - 无论正文的位置如何,如何在页面底部附加一个空的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9781828/

相关文章:

css - 如何使 CSS 导航菜单居中

Javascript div 根据位置淡入淡出

html - 鼠标悬停时,CSS 按钮没有响应

php - Woocommerce 购物车优惠券值(value)占位符更改

javascript - 大型照片集的灰度到彩色悬停速度更快

css - 切换 div 容器与其下方的另一个容器重叠

html - CSS 布局困难,站点在 chrome 中表现良好,但在 Firefox 中表现不佳

Html & Css - 改变重力

html - Chrome css 打印样式使文本重叠

ios - 在 swift 3 中按钮位置变化出错