Question

所以我有两个div，在大屏幕上它们是并排的。

<div1> <div2>

在较小的屏幕上，我想要

<div2>
<div1>

我想我可以移除float并放置width:100%和display:block;。两个div是一个在另一个之上，我们在那里中途。但是我如何将div2置于div1之上？我试着把对面的浮子，一个div漂浮在右边，另一个离开，但没有运气。

负边际是否是一个响应式网络应用程序的合法解决方案，其中一切都流畅？我不能让div1在另一个之下，它们总是重叠。还是有更坚实的解决方案？设置display: table-header-group;工作在小提琴中，但不在我的项目中，我不明白为什么。没有CSS3这样做会很棒。

谢谢

Answer 1

我更新了您的fiddle

我向两个div添加了float:right;，我在页面上更改了顺序，如下所示：

<div id="amir">amir</div>
<div id="jake">jake</div>

当amir位于最高here

时，还有第二个版本

Answer 2

您只需将HTML Div的位置替换为：

<div id="amir">Amir</div> <div id="jake">Jake</div>