如何在定义的网格容器中自下而上堆叠组件而不是自上而下？

Question

我正在使用网格和面向对象的css创建模板。目标是将组件与容器分开。我遇到的挑战是，在页眉和页脚容器中，我希望组件从下往上而不是从上到下堆叠。

例如

    <div class="gridX gridY" id ="Footer container">   
      <div id = "links component"></div>   
      <div id="copyright component"></div>   
    <div>

在示例中，要求是“版权组件”必须位于页脚容器（页面）的底部，而其他组件位于顶部。现在，我知道怎么做的唯一方法是保持组件高度固定，这使我能够根据需要计算每个组件的位置，从而使其从上到下工作。这样就违背了oocss的目标 - 能够在高度灵活的情况下交换布局中的组件

display：table - ＆gt; display：table-cell with vertical-align：bottom在IE中不起作用，所以这个解决方案不适用于我们的情况。

我是网格和oocss的新手，也许，我错过了一些理解。

如何在定义的网格容器中自下而上自上而下堆叠组件？

谢谢你， Margots

Answer 1

HTML是一种自上而下的技术。

高度可以灵活。使用min-height:让内容自然增长。

不要求助于使用表格进行布局。 CSS可以做你需要的一切。