html - 移动一个通过 css 到最后

Question

我必须为现有网站构建移动视图。HTML就像：

<div class="container">
  <div class="right_column">
    <img .....>
  </div>
  <p>...</p>
  <p>...</p>
</div>

right_column 有一个浮点数：对。

对于移动视图，我想将 right_column 移动到容器的末尾。尝试使用 position:absolute 效果不佳，因为容器不会增长。

有任何想法吗？

亚历克斯

Answer 1

如果容器的高度是固定的，你可以玩弄padding-bottom使用，position: absolute; bottom: XX但恐怕你不能保证容器的高度。

另一种选择是将 放在divHTML 的末尾并使其在正常视图中向右浮动，这就是我要做的。

Answer 2

使用表格显示属性。display: table在容器上，display: table-footer-group在右列。

请注意，这可能会对容器产生一些有趣的副作用。

http://jsbin.com/abivis/1