CSS骨架 - 如何定位右列底部的內容

我正在使用Skeleton css樣板。我有以下html：CSS骨架 - 如何定位右列底部的內容

<div class="container"> 
    <div class="twelve columns"> 
     some content here... 
    </div> 
    <div class="four columns"> 
     some bottomed content here... 
    </div> 
</div>

我想右邊（四列）對齊到底部。

我曾嘗試以下：

... 
    <div class="four columns"> 
     <div style="position:absolute;bottom:0;"> 
      some bottomed content here... 
     </div> 
    </div> 
    ...

其中工程屏幕直到寬度太窄由側，其中，所述右列顯示的左邊的列，下面以適應兩列一側是我想要的東西，不同之處在於增加了position:absolute;bottom:0;時，贊同在第1列

的底部我也嘗試添加一個top-margin，並沒有效果padding-top的頂部。

任何想法，我如何才能得到這個工作。

來源

2014-05-02 Graham

找到這個問題的答案在這樣一個問題： [http://stackoverflow.com/questions/18161815/limit-some-styles-with-skeleton-to-large-screens] [1 ]：http://stackoverflow.com/questions/18161815/limit-some-styles-with-skeleton-to-large-screens – Graham

你有沒有試過添加這個？

<div class="twelve columns clear"> 
.clear { clear: both;}

來源

2014-05-09 14:19:53 Joe

CSS骨架 - 如何定位右列底部的內容

回答

相關問題