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>

我想让右边(四列)对齐到底部。

我已经试过了:

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