Question

我遇到了粘性页脚技巧的问题。问题是我想要适合左侧导航菜单的右边界（实际上边框是内容div的左边界）到#container的高度。但正如你在给定链接上看到的那样，我只能看到20-30％的右边界。我该如何解决？请帮忙

Answer 1

- 在css中使用背景 -

使用1px高和998px宽的bg图像，其中包含“边框”像素。这将解决这个问题。

我做了一个例子：

在css：＃/ p>中的#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>

用适合您的金额替换问号。

粘性页脚问题

1 个答案: