Css 将div拉伸到页面底部

我正在尝试将页面的侧边栏拉伸到底部。我已经做了研究并应用了我需要的所有代码（html/body设置为width:100%，等等），但它仍然不起作用。我怀疑有什么东西覆盖了我的身高属性；我只是不知道是什么

我的代码在这里显示有点复杂，因此请使用“检查元素工具”查看代码：

非常感谢

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

window.onload=function（）{document.getElementById（'test'）.style.height=（screen.availHeight）+'px'；
}

将此脚本放置在头标记中。

---

它所做的是，当加载页面时，它获取可用高度的值并将其设置为您的div

您可以对

上的背景图像进行处理，该图像垂直向下重复

---

div本身不会真正延伸到底部，但它看起来是这样的。

Add

position:absolute；排名：0；底部：0；左：0

给你

。侧边栏
类，和
左边距：16.666666 4%
给你的.col-md-10
类。
谢谢你的解决方案，但以下是我决定做的：

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

再次感谢大家
 你的解决方案听起来像是一个非常讨厌的黑客。试着看看这一页上的代码：这是我在做类似事情时通常使用的，因为我也永远不会做对

如果你只是在使用侧边栏，这个例子也可能有用：

（只需查看这些链接上的源代码。这家伙把它藏起来非常简单，这样你就可以通过查看源代码来学习。）
是的，左边的那个。对梅扬克说：我现在就去做！谢谢删除了我的最后一条评论……并检查了源代码……如果您检查了标记……页面末尾有问题……
（首先检查您的标记！！）：）！！！！！！当我看我的页脚时，我没有看到那些结束div标记！我得检查一下，看看有什么东西是我不小心打开的。谢谢你指出这一点！编辑：找到了！它不起作用：另外，我不想使用Javascript。谢谢你！这太简单了。我从未意识到你可以同时使用顶部和底部。跨浏览器工作可靠吗？@Buh-Buh似乎是这样。我创建了一个用于演示的应用程序，它适用于Chrome、IE9+、Firefox和Safari。