我设置了这样的容器:
<div>
<div class="left"></div>
<div class="right"></div>
</div>
左边的div是登录，右边的div是内容…
对于媒体查询，当浏览器变得足够小时，我希望左侧(登录)部分位于右侧(内容)div的底部。
我试着在。右div上使用table-header-group，在。左div上使用table-footer-group，它在FF的桌面浏览器上完美地工作……然而，在chrome, safari和IE…包括iPhone和android手机，它根本不工作。
我的整个布局是基于需要第一个div低于第二个移动布局…这是可能的，还是我必须重做整个网站的结构?
交货。http://jsfiddle.net/VF6Hy/1/
编辑:如果这是不可能的纯css，会有一个JS选项堆叠在第一个以上的第二个div ?
我通过在容器中添加一个较大的min-height和position:absolute来解决这个问题，并在移动版本中添加。rightdiv和bottom:0，这将它放在底部