頁腳使用HTML＆CSS-

我正在創建一個網站，並且頁面底部有一個頁腳。我想將文本放置在當前位置的上方，而不增加頁腳的高度。有人能告訴我該怎麼做嗎？頁腳使用HTML＆CSS-

當前HTML是

<div class="footer"> 
<ul id="footer"> 
<li> <img src="Images/facebook.png" /> <img src="Images/twitter.png" /> </li> 
<li> Jewllery</li> 
<li> ADDRESS </li>  
<li> TEL PHONE</li> 
</ul> </div>

和當前css是

.footer   

{ 
text-align:centre; 
background-color:#C8C8C8; 
color:#000000; 
} 


#footer li  
{ 
display:inline-block; 
padding-right:3em; 
}

來源

2013-12-12 user3046451

你可以再試一次來描述你想要做什麼嗎？ – Brad

你是什麼意思？你想將文本移動到頁腳中間？ [DEMO HERE]（http://jsfiddle.net/Ruddy/28HVP/）像這樣？ – Ruddy

您可以設置一個負的margin-top這樣：

.footer { 
    margin-top: -3em; 
}

編輯：他試圖做的是將腳註內的文本向上移動，而不是腳本本身。所以你必須給鋰元素負的margin-top：

#footer li { 
    display:inline-block; 
    vertical-align:middle; 
    margin-top: -50px; 
}

來源

2013-12-12 13:58:30 xeraphim

謝謝...我已經嘗試過這一點，它將整個頁腳移動，並使我的頁腳和另一個div超過流動，但我希望有一個差距...有沒有任何方法可以讓內容上移而不移動頁腳的位置還是變大了？ – user3046451

您可以在頁腳內部提供一個css-class（例如p.footer），它具有負邊距。或者你可以給你的頁腳李類負面的邊緣應該也工作。看到這裏： http://jsfiddle.net/28HVP/2/ – xeraphim

這已經工作了！非常感謝你一直在苦苦掙扎！ – user3046451

有一兩件事你可以嘗試

.footer { 
    margin-top: -1em; 
}

來源

2013-12-12 13:57:52 beautifulcoder

從你說什麼即時通訊以它作爲（移動在頁腳上去的文字，實際上並沒有影響頁腳）

將頁腳頁邊距設置爲負值。

#footer{ 
    margin-top:-20px; 
}

來源

2013-12-12 14:02:42 wazzaday

頁腳使用HTML＆CSS-

回答

相關問題