CSS页脚边距问题

我有这奠定了这样的页面：CSS页脚边距问题

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

我的页脚应该延伸到屏幕的最左边，但我的“报告”类有一个。应用了左边距。

我试过在左边缘使用-.25，但是这并没有像预期的那样拉我的页脚。事实上，它似乎并没有移动页脚。

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

不幸的是，我不能简单地将页脚拉到'report'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; 
}

来源

2013-03-19 Jeff

请显示您的CSS？ – Bill 2013-03-19 14:20:46

@BillyMathews：添加了CSS。 – Jeff 2013-03-19 14:34:52

由于您的.report上的overflow: hidden;，您无法将您的页脚取出您的父母<div>以外。尝试删除它，看到这个fiddle。

来源

2013-03-19 14:48:16 Adrenaxus

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

来源

2013-03-19 14:22:13 chipcullen

我们正在使用英寸，因为我正在使用的页面已转换为PDF格式供用户下载或打印。 – Jeff 2013-03-19 14:28:54

另外，可悲的是，CSS正是我开始尝试使用:( – Jeff 2013-03-19 14:35:23

Ach，对不起 - 值得一试。 – chipcullen 2013-03-19 15:44:17

This jsFiddle作品对我来说

的overflow: hidden您.report元素的藏身之躯，但它是在正确的地方。

来源

2013-03-19 14:46:55 Bill

奇怪的是，你的小提琴把'footer'放在内容之上（或者可能延伸到页脚之外）。无论哪种方式，它看起来很奇怪。:) – Jeff 2013-03-19 15:38:16

我给主div一个声明，固定的高度，以便你可以看到它;并且主div中没有内容，所以页脚流了起来。 http://jsfiddle.net/CgWB2/3/ – Bill 2013-03-19 15:40:56

CSS页脚边距问题

回答

相关问题