html - 页脚位置

标签 html css

<分区>

我有一个页脚,我总是想像这样放在底部:

enter image description here

它必须始终位于底部。我认为正确的方法是使用 css:

#generated_footer_date {
color:#ffffff;
width:100%;
background-color:rgba(0, 0, 0, 0.6);
text-align:center;
padding-top:15px;
height:50px;
font-family: 'Raleway', sans-serif;
position:absolute;
right: 0;
bottom: 0;
left: 0;
margin-top:100px;
}

但现在当我点击生成时,它会在页面上显示数据,这会使页面变长并且 enter image description here

当我点击生成时,页面变长了,但页脚留在了它自己的位置,看起来像那样。我以为我可以用 jquery 解决这个问题。如果我单击按钮,我可以将页脚的位置从绝对位置更改为相对位置,然后它就可以工作了,但是我可以用 css 做到这一点吗?

最佳答案

试试看:

footer{
  position: fixed;
  bottom: 0
}

关于html - 页脚位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40171544/

上一篇:javascript - 使用 CSS/JS 定位特定元素之后的元素

下一篇:css - PrimeNG DataTable - 当包装在 TabView 中时,contextMenu 偏离中心

相关文章:

javascript - 如何为具有多种颜色的导航栏实现淡入淡出的颜色混合

javascript - 如何在 angularjs 中单击按钮添加行和表格?

javascript - 如何使用 JavaScript 读取 post 请求参数

jquery - 删除悬停时内置的工具提示?

twitter-bootstrap - 强制列中的内容在多个断点上具有相同的高度

javascript - 使用 Javascript Cookie 的样式

javascript - 屏外切换菜单将主要内容推离屏幕右侧

html - xslt 中的内部链接不起作用

html - 'ag-grid' 表格单元格中的自定义迷你图内的 D3 工具提示在表格单元格边界外不可见

javascript - javascript中的可扩展div