Question

我有一个这样的页面：

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

我的页脚应该延伸到屏幕的最左侧，但是我的报告＆＃39; class应用了左边距.25英寸。

我尝试在左边距处使用-.25英寸，但这并没有像我们预期的那样向左拉我的页脚。事实上，它似乎根本就没有移动页脚。

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

不幸的是，我不能简单地在“报告”之外拉出页脚。格。

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

This jsFiddle 适合我

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

Answer 3

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

CSS页脚边距问题

3 个答案: