在移动设备上堆叠下面的div

Question

我的标记中的Div 1高于div 2。在移动设备上，我需要div 2来堆叠它。怎么样？

<div> <div class="div1"> <div class="div2"> </div>

Answer 1

您的浏览器将按照您的代码顺序加载。 I.E.将div2放在html文件中的div1之前，它将首先加载。此外，div默认为inline-blocks。因此，当彼此连续放置时，它们将移动到下一行（div在另一行之下移动）。

Answer 2

只有这样才能将它们设置为绝对位置， 要么 使用javascript在页面加载或页面重新调整大小事件时切换它们的位置。