Question

我已经阅读了Stack Overflow上类似问题的很多答案，但没有一个解决我看似独特的案例。

我的页脚下面有一个没有内容的div，只是一个左右边框用于装饰目的。

我想在默认情况下显示一些边框线，这可以通过给它们高度为20px或其他东西来进行正常浏览，但是向下拖动浏览器窗口会显示它们的结束位置。所以我尝试给他们100％的高度。在Stack Overflow和其他网站上引用了各种答案，我试过

    html, body {height; 100%;}
    borderlines {height: 100%;}/*also tried with min-height: 100%*/

但这只是让我的div大大超出屏幕底部并给我一个滚动条。

当用户滚动到我的页面底部时，如何显示这些行的20px值，但如果窗口扩展，还可以让div继续到窗口底部？

Answer 1

在你的jsfiddle输出窗口中，底部的div看起来不错，但顶部的div似乎显示了行的结束位置。在margin : 0px;中添加html, body会修复此问题。