所以我设置了这样的容器：
<div>
<div class="left"></div>
<div class="right"></div>
</div>
左边的div是登录，右边的div是内容......
使用媒体查询时，当浏览器变得足够小时，我希望左（登录）部分位于右侧（内容）div的底部。
我尝试在.left上的.right div和table-footer-group上使用table-header-group，它在FF中完美地适用于桌面浏览器...但是在chrome，safari和IE中...包括iphone和Android手机，它根本不起作用。
我的整个布局都是基于需要第一个div低于移动布局的第二个div ...这是可能的还是我必须重做网站的整个结构？
离。 http://jsfiddle.net/VF6Hy/1/
编辑：如果使用纯css是不可能的，那么是否有一个JS选项可以将第二个div叠加在第一个div之上？
答案 0 :(得分：0)
我通过在容器和位置添加一个大的最小高度来解决这个问题：绝对到.right div和bottom：0在移动版本上把它放在底部