即使有滚动条，也让div始终保持在页面内容的底部
请查看该链接，我想要相反：当内容溢出到滚动条时，我希望我的页脚始终位于页面的完整底部，如Stack Overflow。
我有一个div id="footer"和这个CSS：
#footer {
position: absolute;
bottom: 30px;
width: 100%;}但它所做的只是转到视口的底部，即使向下滚动也会停留在那里，因此它不再位于底部。
图片：
对不起，如果不澄清，我不希望它被修复，只是因为它在所有内容的实际底部。
PIPIONE浏览 1725回答 3
3回答
-
慕尼黑5688855
刚刚找到另一个解决方案，如上例所示，我有bug（某处错误）。所选答案的变化。html,body { height: 100%}#nonFooter { min-height: 100%; position:relative; /* Firefox */ min-height: -moz-calc(100% - 30px); /* WebKit */ min-height: -webkit-calc(100% - 30px); /* Opera */ min-height: -o-calc(100% - 30px); /* Standard */ min-height: calc(100% - 30px);}#footer { height:30px; margin: 0; clear: both; width:100%; position: relative;}对于HTML布局<body> <div id="nonFooter">header,middle,left,right,etc</div> <div id="footer"></div></body>那么这种方式不支持旧浏览器，但旧浏览器可以接受滚动下载30px来查看页脚plunker
随时随地看视频慕课网APP
Html/CSS