CSS：安排浮动元素

Question

我在一个容器中有3个块元素（2个导航栏和一个图片），它们都是浮动的并且具有流体宽度。图片在导航栏之间，所以我的左侧导航栏和图片有浮动：左侧，右侧导航栏浮动：右侧。

我的目标是在移动设备上的导航栏下方获取图片。为此，我想我只需要在我的媒体查询中将浮点数添加到图片中，但结果是图片下的右侧导航栏定位。

有没有办法在移动视图中重新安排div？ 最好的解决方案是告诉浮动元素它们应该浮动的顺序。

Answer 1

我认为你正在寻找clear:both ..无论如何，这是绕过它的一种方式;你可以调整宽度和不宽度，但你明白了：Fiddle。此外，请注意，因为所有项目都是浮动的..您可以将图像放在导航栏和放大器之后。让它以更大的宽度显示在中央。