css底部對齊

Question

我在http://rygol.cz/qlife/上有網頁，當我縮小時，id =「contacts」在我縮小時每次迭代都會出現在任何地方。我需要這樣的東西

border: 0; 

因爲我需要的將是每一個的 底部的任何想法如何做到這一點的文本？

Answer 1

若要將內容底部的div對齊，請將{position：relative;}添加到content div和{position：absolute;};底部：26px;}到你想要對齊的div。

CSS：

#content-wrapper { 
position: relative; 
} 

#leftcolumn { 
padding-bottom: 110px; /* this will prevent the normal content in the left column to go under the aligned div */ 
} 

#contacts { 
margin-top: 0; 
position: absolute; 
bottom: 26px; 
} 

演示：http://jsfiddle.net/NMDCF/

Answer 2

首先，嘗試使用下面的鏈接以驗證您的HTML：HTML Validation 試圖努力解決您的id="contact"

作爲id="contact"使用position:absolute或position:relative;可以解決你的問題之前解決這些錯誤。如果這不起作用，請使用display:block;或display:inline-block;這兩項都可以幫助您實現目標。