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頁腳邊距問題

回答

相關問題