页脚粘滞问题

Question

我在粘页脚技巧方面遇到问题。问题是我想将左侧导航菜单的右边框（实际上边框是内容 div 的左边框）调整到 #container 的高度。但正如您在给定链接上看到的那样，我只能看到右边框的 20-30%。我该如何修复它？请帮忙

链接到页面 http://smiths-heimann.az/?page=2

Answer 1

--在 css 中使用背景--

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

我举了一个例子：

在 css 中的 #container 下添加此行：

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>

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