Html CSS-如何制作<；部门>；用户更改浏览器大小时并排不换行？

CSS-当用户更改浏览器大小时，如何使并排不换行？

---

因为您使用的是

float:left

，所以您唯一能做的就是为

.gridrow

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

---

当然，这要求最小屏幕大小为

600px

，如果用户将浏览器窗口的大小调整为小于

600px

，则水平滚动条将显示。

在包含的Div上设置一个

最小宽度：

。这将阻止其大小减小到内容环绕的程度。

我不确定您到底想实现什么，但我猜你说的是响应式或自适应设计

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

我建议您使用css框架：

---

欢迎来到堆栈溢出。即使你已经得到了答案，请更加温柔和健谈。（下次）给我们解释清楚你想做什么。

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

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