0

我有一个布局如下的页面：

<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;
}
4

3 回答 3

2

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

于 2013-03-19T14:22:13.503 回答
1

<div>由于. _ overflow: hidden;_ .report尝试将其删除，请参阅this fiddle。

于 2013-03-19T14:48:16.337 回答
1

这个 jsFiddle对我

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

于 2013-03-19T14:46:55.900 回答