1

我正在使用 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 列的底部。

我也试过添加 atop-margin和 apadding-top没有效果。

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

4

1 回答 1

0

你试过添加这个吗？

<div class="twelve columns clear">
.clear { clear: both;}
于 2014-05-09T14:19:53.827 回答