Html 粘性页脚问题

我对粘脚技巧有问题。问题是我想将左侧导航菜单的右边框（实际上边框是content div的左边框）调整为#container的高度。但正如你在给定链接上看到的，我只能看到20-30%的右边框。我怎样才能修好它？请帮忙

链接到页面

--在css中使用背景--

使用高1像素、宽998像素、内部有“边框”像素的bg图像。 这将解决这个问题

我举了一个例子：

在css中的#容器下添加此行：

background: url("http://www.elbowroom.co.il/test.png") repeat-y; (it works)

你可以稍后用你自己的bg替换它

--使用jQuery-- 您可以定义要随容器高度展开的内容高度

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">

        $(function(){

            $("div#content").height($(div#container).height() - ???);
            $(window).resize(function(){
                $("div#content").height($(div#container).height() - ???);
            });
        });
    </script>

$（函数（）{
$（“div#content”）.height（$（div#container.height（）-？？）；
$（窗口）。调整大小（函数（）{
$（“div#content”）.height（$（div#container.height（）-？？）；
});
});

将问号替换为适合您的数量。

-css中的background--

使用高1像素、宽998像素、内部有“边框”像素的bg图像。 这将解决这个问题

我举了一个例子：

在css中的#容器下添加此行：

background: url("http://www.elbowroom.co.il/test.png") repeat-y; (it works)

你可以稍后用你自己的bg替换它

--使用jQuery-- 您可以定义要随容器高度展开的内容高度

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">

        $(function(){

            $("div#content").height($(div#container).height() - ???);
            $(window).resize(function(){
                $("div#content").height($(div#container).height() - ???);
            });
        });
    </script>

$（函数（）{
$（“div#content”）.height（$（div#container.height（）-？？）；
$（窗口）。调整大小（函数（）{
$（“div#content”）.height（$（div#container.height（）-？？）；
});
});

---

将问号替换为适合您的金额。

您应该在此处发布代码。还可以尝试创建一个JSFIDLE或jsBin，以便人们可以使用它。还可以尝试创建一个JSFIDLE或jsBin，以便人们可以使用它。