我有两个带有 display:inline-block 和 width:auto 的浮动 div(“适应内容”)。在第二个 div 内,有两个浮动子 div。是否可以指定“浮动顺序”,以便子 div 在父母使用 CSS 之前对缩小的浏览器窗口做出反应?(见附图)。感谢您的任何建议!
问问题
366 次
2 回答
0
尝试这个。正如其他人所提到的,您可能需要媒体查询来微调它。
标记
<div class="box1"></div>
<div class="box2">
<div class="box"></div>
<div class="box"></div>
</div>
CSS
.box1
{
width: 48%;
height: 300px;
background: blue;
float:left;
margin: 0 10px 30px 0;
min-width: 150px;
overflow: auto;
}
.box2
{
width: 40%;
height: 250px;
background: blue;
overflow: hidden;
max-width: 250px;
min-width: 120px;
}
.box
{
background: aqua;
float:left;
width: 100px;
height: 100px;
margin: 10px;
}
于 2013-10-01T09:18:04.090 回答