CSS Skeleton - 如何在右列底部定位内容

Question

我正在使用Skeleton css样板。我有以下html：

<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但没有效果。

关于如何让它发挥作用的任何想法。

Answer 1

你试过添加吗？

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