css - CSS スケルトン - コンテンツを右カラムの下部に配置する方法

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>

右（4列）を下に揃えたい。

私は次のことを試しました：

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

これは、画面の幅が狭すぎて 2 つの列を並べて収まらないまでposition:absolute;bottom:0;機能し、右の列が左の列の下に表示されます。これはまさに私が望むものです。列 1 の下部の。

top-marginまた、 aと aを効果なしで追加しようとしましたpadding-top。

これを機能させる方法についてのアイデア。

Answer 1

これを追加してみましたか？

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