Css 2个div,最左边的一个,最右边的一个,当调整窗口大小时,需要第二个div跳转到下一行,但显示在最左边
我想有以下效果Css 2个div,最左边的一个,最右边的一个,当调整窗口大小时,需要第二个div跳转到下一行,但显示在最左边,css,html,Css,Html,我想有以下效果 两个div,一个在屏幕的左侧,一个在屏幕的右侧,但是当我调整屏幕大小时,当同一行对于两个div都不够大时,我希望第二个div跳转到下一行,但它应该显示在窗口的最左侧,这可能吗?例如,让div的宽度和高度为200px HTML: 小提琴: 看看像@reinder建议的CSS媒体查询是的,到目前为止您尝试了什么?正确方向的提示:查看“媒体查询” <div class="container"> <div class="left"></div>
两个div,一个在屏幕的左侧,一个在屏幕的右侧,但是当我调整屏幕大小时,当同一行对于两个div都不够大时,我希望第二个div跳转到下一行,但它应该显示在窗口的最左侧,这可能吗?例如,让div的宽度和高度为200px HTML: 小提琴:
看看像@reinder建议的CSS媒体查询是的,到目前为止您尝试了什么?正确方向的提示:查看“媒体查询”
<div class="container">
<div class="left"></div>
<div class="right"></div>
</div>
html, body { padding: 0; margin: 0; }
.container {
width: 100%;
overflow: hidden;
}
.container div {
width: 200px;
height: 200px;
}
.left { float: left; background-color: blue; }
.right { float: right; background-color: green; }
/* The magic part */
@media (max-width: 399px) {
.right {
float: left;
}
}