Question

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

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

right_column有一个浮动：右边。

对于移动视图，我想将right_column移动到容器的末尾。尝试使用position：absolute不能正常工作，因为容器不会增长。

有什么想法吗？

Alex

Answer 1

如果容器的高度是固定的，您可以使用padding-bottom并使用position: absolute; bottom: XX，但我担心您无法保证容器的高度。

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

Answer 2

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

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