Question

我正在尝试将页面的侧边栏拉伸到底部。我已经完成了研究并应用了我需要的所有代码（html / body设置为宽度：100％等等）并且它仍然无法正常工作。我怀疑有什么东西覆盖了我的高度属性;我只是不确定是什么。

我的代码有点复杂，所以请使用“Inspect Element Tool”查看代码：

提前非常感谢！

Answer 1

将position:absolute; top:0; bottom:0; left:0;添加到.sidebar课程，将margin-left:16.666666666666664%添加到.col-md-10课程。

Answer 2

<script type="text\javascript">
   window.onload = function(){document.getElementById('test').style.height = (screen.availHeight) + 'px';
}
</script>

将此脚本放在head标记中。它的作用是，当页面加载时，它获取可用高度的值并将其设置为div

Answer 3

你可以对<body>上的背景图片做一些事情，它会垂直向下重复。

div本身不会真正延伸到底部，但看起来就像它。

答案 3 :(得分：0)

感谢您的解决方案，但这是我决定做的事情：

让容器溢出：隐藏，然后边栏有填充：5000px和边距：-5000px

再次感谢大家！

答案 4 :(得分：0)

你的解决方案听起来像是一个非常讨厌的黑客。尝试查看此页面上的代码：http://www.css-lab.com/demos/stickfoot/min-ht-fixfoot.html这是我在尝试做类似事情时通常使用的内容，因为我也无法正确使用它。

如果您只是使用该侧边栏，则此示例也可能有用：http://www.css-lab.com/demos/3col/3col-full-sdbr.html

（只需查看这些链接上的源代码。这个人在引擎盖下保持它非常简单，这样你就可以通过查看源代码来学习。）