html - 底部 div 不会在浏览器调整大小时重新定位

标签 html css

底部 div,.lower 在调整屏幕大小时不会将自身重新定位到页面底部。这是因为 position:absolute; 吗?

https://jsfiddle.net/q1p4dp4b/

#lower {    
width: 100%;
position: absolute;
bottom: 0;}

enter image description here

EDIT 添加了 position:fixed; 但文本会分层

enter image description here

最佳答案

你想要position: fixed。这使它粘在视口(viewport)的底部并在您滚动时停留在那里。

关于html - 底部 div 不会在浏览器调整大小时重新定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31643630/

相关文章:

javascript - 使用 JavaScript 添加 HTML 表单以在文本框中获取总计

html - 当某些按钮具有两行标签时,如何将控件组中的所有按钮设置为相同的高度?

html - 居中对齐菜单

html - 超出页脚的 Div

php - WordPress - 在编写创建动态类的函数时,如何根据顶级父名称定位子页面?

jquery - 导航列表项自动大小

javascript - 在悬停时更改整个 <li> 颜色,而不仅仅是 href

javascript - 如何让剪刀石头布游戏中的图像发生变化?

css - 将一个 div 定位在内容 div 的底部

css - iframe 水平滚动不在 iOS 上呈现