在表格單元格，Firefox和Chrome中的絕對定位

Question

我正在嘗試構建一個我已決定使用的子導航菜單display: table。

這是一個有4列的水平子菜單，每列中都有可變數量的鏈接。我需要做的是像顯示在每列中的鏈接，除了我剛纔提到的這些鏈接，底部對齊，這樣的東西：

first column | second column 
      | 
link1  | link1 
link2  | link2 
link3  | link3 
      | link4 
      | 
bottom link | bottom link 

最重要的是，該底部鏈接垂直對齊。

我重新在的jsfiddle整個事情： http://jsfiddle.net/skn2dshv/7/

一個主要問題，除了它不能正常工作，是它Firefox和Chrome之間的行爲不同。在Firefox上，底部鏈接出現在表格單元格容器中，因爲它應該是這樣，而在Chrome上它出現在外面。

我也看過這個：http://davidwalsh.name/demo/table-cell-position-absolute.php 但仍然無法弄清楚我的代碼有什麼問題。

Answer 1

試試這個：

#gallery-submenu .dropdown-column .all-link { 
    top: 100%; 
    position: absolute; 

    text-transform: uppercase; 
} 

它把你的鏈接在column-links-wrapper全部100％高度的結束。 jsfiddle Demo

如果你想要你的所有鏈接在你應該給column-links-wrapper靜態高度。 jsfiddle Demo