小编alb*_*123的帖子

我的网页上的页脚有 CSS 问题。我用过这篇文章，但页脚和页面底部之间有空白。由于我的页面正文中没有内容，因此空白区域仍然存在，并且在不需要时还有一个额外的滚动条。我真的不知道它为什么在那里。我已经清理了 CSS，所以没有任何不相关的代码。

HTML：

<!doctype html>
<html>
    <head>
    <link rel="stylesheet" href="style.css">
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
    <title>My Page</title>
</head>

<body>
    <div id="container">
        <div id="header">
            <p>
                Header Content
            </p>
            <hr>
        </div>
<div id="body">
    Body Content
</div>
        <div id="footer"><p id="copy">Copyright 2013</p></div>
    </div>
</body>

和 CSS：

html, body {height: 100%}
body { 
      margin: 0px;
      padding: 0px;
     }

#copy {vertical-align: bottom;text-align:center;font-family:Century Schoolbook;color:#8B0B04;font-size:14px;}
#footer {bottom: 0;width:100%;position: absolute;height: 60px}
#container {min-height: 100%;position: relative}
#body {padding-bottom: 60px}

我的浏览器是 Firefox，但在 Chrome 中这也不起作用。如果您能给我任何反馈和帮助，我将非常高兴。谢谢！

编辑：恕我直言，我发布了一些错误的内容。我将在第二天发布整个页面。再次感谢反馈。

我遇到了一个问题.我有"菜单",菜单是样式表,并在jQuery中获得了使菜单移动的代码.我的问题是,为什么我不能在我的代码中使用$ this varible？我是jQuery的大佬,所以请耐心等待我.我会很高兴得到任何答案.

$(document).ready(function(){
    $('.item').hover(function(){
        $($this).stop().animate({paddingLeft: '20px'}, "slow");
}, function(){
        $($this).stop().animate({paddingLeft: '0px'}, "slow");
    });
});

我的代码:jsFiddle