【发布时间】：2015-10-14 05:31:02
【问题描述】：
我在 Stack Overflow 上阅读了很多类似问题的答案，但没有一个能解决我看似独特的情况。
我的页脚下方有一个没有内容的 div，只是用于装饰目的的左右边框。
我想在默认情况下显示一些边框线，这在正常浏览中可以通过将它们设置为 20 像素或其他东西的高度来工作，但是向下拖动浏览器窗口会显示它们的结束位置。所以我试着给他们100%的高度。参考 Stack Overflow 和其他网站上的各种答案，我试过了
html, body {height; 100%;}
borderlines {height: 100%;}/*also tried with min-height: 100%*/
但这只是让我的 div 大大超出了屏幕底部并给了我一个滚动条。
如何在用户滚动到我的页面底部时显示 20px 的这些行，同时让 div 继续到窗口底部以防窗口扩大？
JSFiddle：http://jsfiddle.net/5keqf68x/
【问题讨论】：
-
你为这些边界使用的 html 代码是什么？
-
.botlines{ margin: 0px auto 0px auto; min-height: 100%; max-width: 600px; border-left: 1px solid #3d3d3d; border-right: 1px solid #3d3d3d; }我尝试添加 overflow-y: hidden 和 position: relative 在阅读其他一些建议时，但没有运气...... -
您能否发布一个带有 html+css 的小提琴，显示您的目标是什么？我已经阅读了两次你的帖子，但我实际上不明白你想做什么..
-
尽管你的图片很有帮助，恐怕能透过电脑屏幕看的程序员出去吃午饭了 :) 没有一些代码，很难解决代码问题，最好是 jsFiddle.net 工作示例
-
这是一个 JS fiddle，你可以看到这里发生了什么。 jsfiddle.net/5keqf68x