CSS页脚边距问题

Question

我的页面布局如下：

<div class="report">
    <div class="content">
        <!-- Lots of irrelevant stuff -->
    </div>
    <div class="footer">
        <!-- Footer content -->
    </div>
</div>

我的页脚应该延伸到屏幕的最左侧，但我的“报告”类应用了 0.25 英寸的左边距。

我尝试使用 -.25in 左边距，但这并没有像预期的那样将我的页脚向左拉。实际上，它似乎根本没有移动页脚。

我知道我的 CSS 被正确跟踪，因为我可以影响其他属性（顶部、底部边距、颜色等），但我无法让页脚扩展到屏幕的最左侧。

不幸的是，我不能简单地将页脚拉到“报告”div 之外。

CSS：

.report
{
    font-size: 12pt;
    margin-left: 0.25in;
    width: 775px;
    position: relative;
    overflow: hidden;
}

.footer
{
    font-size: 8pt;
    height: 75px;
    margin: 15px 0 0 -0.25in;
    position: relative;
}

Answer 1

因为它是页脚，你可以试试position: relative; left: -.25in;。顺便说一句，你为什么用英寸？

Answer 2

由于.report 上的overflow: hidden;，您无法将页脚放在父级<div> 之外。尝试删除它，请参阅fiddle。

Answer 3

This jsFiddle为我工作

.report 元素上的 overflow: hidden 隐藏了页脚，但它位于正确的位置。