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;}