Html 如何使用CSS使第三个框移动到第二个框下

Html 如何使用CSS使第三个框移动到第二个框下,html,css,Html,Css,给定以下HTML和CSS,如果容器宽度小于600px,我希望蓝色框移动到粉红色框下,而不是红色框下 HTML 取决于页面中的其他内容,但如果您只是添加float:left到红色div。它将根据您的需要位于粉红色div下 然后添加一个媒体查询,查询高于600px的时间,以删除浮动 @media(min-width: 600px) { #one { float: none; } } 希望这能帮到你 取决于页面中的其他内容,但如果您只需添加float:left到红色div。它将根据您的需要位于

给定以下HTML和CSS,如果容器宽度小于600px,我希望蓝色框移动到粉红色框下,而不是红色框下

HTML


取决于页面中的其他内容,但如果您只是添加
float:left到红色div。它将根据您的需要位于粉红色div下

然后添加一个媒体查询,查询高于600px的时间,以删除浮动

@media(min-width: 600px) {
  #one { float: none; }
}

希望这能帮到你

取决于页面中的其他内容,但如果您只需添加
float:left到红色div。它将根据您的需要位于粉红色div下

然后添加一个媒体查询,查询高于600px的时间,以删除浮动

@media(min-width: 600px) {
  #one { float: none; }
}

希望这能帮到你

给浮动:左至红色块

#one {
    float:left
    height: 200px;
    background-color: red;
}

给浮动:左到红色块

#one {
    float:left
    height: 200px;
    background-color: red;
}

旁注:奇数格式的“Then you need to
float
The red box to left…”旁注:奇数格式的“Then you need to
float
The red box to left…”哈哈,不用担心:谢谢临时接受。