如何將頁腳第二列對齊到底部？

-2

我有一個2列的頁腳，在我的第二部分，我有更少的內容，所以我希望它對齊到底部。這裏是http://jsfiddle.net/uga8L/如何將頁腳第二列對齊到底部？

我試過vertical-align: bottom;但沒有什麼效果。

這是我的HTML頁腳

<footer id="footer"> 
    <div class="inner"> 
     <div id="column_1"> 
      <ul> 

      <li><a href="http://ec.europa.eu/index_ro.htm">Comisia europeană</a></li> 
      <li><a href="http://ec.europa.eu/enterprise/sectors/electrical/index_ro.htm">Inginerie electrică</a></li> 
      <li><a href="http://ec.europa.eu/enterprise/sectors/rtte/index_ro.htm">Echipamente radio şi echipamente terminale de telecomunicaţii (R&TTE)</a></li> 
      <li><a href="http://ec.europa.eu/enterprise/policies/single-market-goods/cemarking/professionals/manufacturers/directives/index_ro.htm?filter=14">Instrumente de masură</a></li> 
      <li><a href="http://ec.europa.eu/enterprise/policies/single-market-goods/cemarking/professionals/manufacturers/directives/index_ro.htm?filter=12">Joasă tensiune</a></li> 
      </ul> 
     </div> 
     <div id="column_2"> 
      <ul> 
      <li id="footer_logo"><img src="themes/default/images/CE.png"></a></li> 
      <li>Aplicarea marcajului european pentru</li> 
      <li>compatibilitate electromagnetică - EMC</li> 
      </ul> 
     </div> 
    </div> 
</footer>

來源

2014-06-23 Iulian ...

不是直接鏈接到您的網站，而是直接發佈相關的CSS和HTML到問題中（您已經發布了HTML，在那部分上做得很好）。另外，提供一個JSFiddle（http://jsfiddle.net）將會很有幫助，因爲它們將持續更長的時間，而不是您的網站，它可以隨時消失。 –

...因此可以jsFiddle.net。通過一切手段創建一個，但也包括相關的代碼。 –

試試這個： http://jsfiddle.net/uga8L/1/

一個主要問題是，你不是在這裏漂浮的第二列。您可以使用display：inline-block來使用垂直對齊元素。

#column_1, #column_2 { 
    display:inline-block; 
} 
#column_2 { 
    vertical-align: bottom; 
}

來源

2014-06-23 14:08:19 jamki

如何將頁腳第二列對齊到底部？

回答

相關問題