html - 页脚创建垂直滚动条问题

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

在包装元素上添加 overflow:hidden。