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

Question

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

https://jsfiddle.net/q1p4dp4b/

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

编辑添加了position:fixed;，但文字在

上分层

Answer 1

你想要position: fixed。这使它粘在视口的底部并在滚动时保持在那里。