Html div块的位置（简单css问题）

我的项目中有一个问题：

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

我在css中为desctop@media（最小宽度：768px）选项显示块和左浮动。第一次为70%，第二次为30%。

---

在移动设备中，我需要100%的宽度，并且需要在上面的div1上显示div2。第一个向右浮动，第二个向左浮动不工作。需要你们的帮助。

如果你想把div2放在上面，你的html必须把div2移到div1的上面

#div2{
宽度：30%；
高度：300px；
背景：红色；
浮球：对
}
#第一组{
宽度：70%；
高度：300px；
背景：黄色；
浮动：左
}
@仅介质屏幕和（最大宽度：768px）{
#第1部分，第2部分{
宽度：100%；
}
}

div2
div1

如果希望div2位于顶部，html必须将div2移动到div1的顶部

#div2{
宽度：30%；
高度：300px；
背景：红色；
浮球：对
}
#第一组{
宽度：70%；
高度：300px；
背景：黄色；
浮动：左
}
@仅介质屏幕和（最大宽度：768px）{
#第1部分，第2部分{
宽度：100%；
}
}

div2
div1这个怎么样？Flex box允许您指定它的方向，如果您非常挑剔，还可以在项目本身上指定订单号


#容器{
显示器：flex；
}
#第二组{
宽度：30%；
高度：300px；
背景：红色；
}
#第一组{
宽度：70%；
高度：300px；
背景：绿色；
}
@仅介质屏幕和（最大宽度：768px）{
#第1部分，第2部分{
宽度：100%；
}
#容器{
柔性流动：柱反向流动；
}
}

1.
2.
这个怎么样？Flex box允许您指定它的方向，如果您非常挑剔，还可以在项目本身上指定订单号


#容器{
显示器：flex；
}
#第二组{
宽度：30%；
高度：300px；
背景：红色；
}
#第一组{
宽度：70%；
高度：300px；
背景：绿色；
}
@仅介质屏幕和（最大宽度：768px）{
#第1部分，第2部分{
宽度：100%；
}
#容器{
柔性流动：柱反向流动；
}
}

1.
2.
你能发布你的CSS吗？告诉我们你试过什么#div1{float:right；display:block；width:100%；}#div2{float:left；display:block；width:100%；}你能发布你的CSS吗？告诉我们你试过什么#div1{float:right；display:block；width:100%；}#div2{float:left；display:block；width:100%；}是的，你是对的，我将div2改为向右浮动，然后div1将位于左侧是的，但是我们可以先在HTML代码中保留div1块来实现这一点吗？为什么div1和div2浮动不工作？如果先离开div1，桌面版本将始终工作，但是如果windows大小低于768px，当它渲染时，它将读取第一个div1块，因为它的宽度现在是100%，所以它将首先显示，但我们希望div2位于div1之上，所以我们必须将div2放在第一位是的，你是对的，我将div2改为向右浮动，然后div1将位于左侧是的，但是我们可以先在HTML代码中保留div1块来实现这一点吗？为什么div1和div2浮动不工作？如果先离开div1，桌面版本将始终工作，但是如果windows大小低于768px，当它渲染时，它将读取第一个div1块，因为它的宽度现在是100%，所以它将首先显示，但我们希望div2位于div1之上，所以我们必须先放置div2。啊，对，flex将解决这个问题，我想现在大多数浏览器都会支持它。啊，没错，flex会解决这个问题，我想现在大多数浏览器都会支持它。