2013-01-24 131 views
0

我有一個如何去除頁面底部引起的空白問題 - 當我刪除齒輪圖像時,它工作正常。css在頁面底部造成空白

html, body{ 
    height: 100%; 
    width: 100%; 
    font-size:10pt; 
} 



.footer_fg{ 
    float: left; 
    position: relative; 
    width:455px; 
    height:358px; 
    background: url('/include/images/Final-Website2_11a.png') no-repeat 0 0; 
    top: -150px; 
    border:0; 
} 

這是網站的CSS。

+0

你能告訴我們HTML代碼嗎?此外,這是一個活的網站,你可以發佈一個鏈接? – intelis

+0

請把你的代碼放在jsfiddle上 –

+1

我沒有看到你的html,但你可以打賭問題是'top:-150px;' –

回答

0

使用位置:相對它與margin-top不一樣。位置:相對首先將項目放置在原始位置(並將此元素的大小設置爲該位置),然後移動它。所以這個項目之前總會有空白。如果你只是想在不離開這個空白區的情況下移動它,你應該考慮使用margin-top:-150px。由於我們沒有看到其他代碼,因此很難判斷這是否適用於您的網站。