我正在使用 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
但没有效果。
关于如何让它工作的任何想法。
最佳答案
你试过添加这个吗?
<div class="twelve columns clear">
.clear { clear: both;}
关于CSS Skeleton - 如何将内容定位在右栏的底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23426280/