1

CSS - 当用户更改浏览器大小时如何使并排不换行？ http://jsfiddle.net/QWSHw/

<div class="a">
<div class="gridrow">
    <div class="griditem">a
    </div>
    <div class="griditem">b
    </div>
</div>


 .a{
background: black;
position: absolute;
top:10px;
width:100%;
}
.gridrow{
background: gray;
width:100%;
}
.griditem{
background: blue;
float:left;
width:300px;
height:300px;
}​
4

3 回答 3

3

既然你在使用float: left，你唯一能做的就是min-width为.gridrow 

.gridrow{
    background: gray;
    width:100%;
    min-width: 600px;
}

当然，这会强制设置最小屏幕尺寸600px，如果用户将浏览器窗口的大小调整为小于 ，600px则将显示水平滚动条。

于 2012-08-04T10:40:17.457 回答
0

min-width:在包含的 Div 上设置 a 。这将阻止它的大小减小到您的内容环绕的程度。

于 2012-08-04T10:42:34.067 回答
0

我不确定你到底想要完成什么，但我猜你是在谈论响应式或自适应设计。

您需要将宽度值设置为“%”而不是“px”，这将导致浏览器计算每个视口更改的宽度并进行相应调整

我建议您使用 css 框架：

推特引导

基础3

于 2012-08-04T10:45:57.357 回答