页脚创建垂直滚动条问题

Question

我设法将我的页脚放到页面底部，但由于某种原因，它在我的页面上创建了一个垂直滚动条，我不希望它这样做。

这是我目前的页面布局（HTML）：

<div class="wrapper">
    <div class="Header">
    </div>

    <div class="Main">
    </div>

    <div class="Footer">
    </div>
</div>

这就是随之而来的CSS：

.wrapper
{
    position: relative;
    min-height: 100%;
}

.Header
{
    height: 83px;
    border: 0;
}

.Main
{
    padding-bottom: 100px;
}


.Footer
{
    background: #6a3d98; 
    position: absolute;
    bottom: 0px;
    height: 55px;
    width: 100%;
}

以下是发生的事情的小图片：

http://i.stack.imgur.com/Kgams.jpg （必须发布链接，因为我要上传图片）

我希望页脚粘在页面底部，但不要创建滚动条。如果有人知道怎么做，请评论，谢谢。

Answer 1

添加溢出：隐藏在包装器元素上。