css - 显示:内联块和真正的液体布局

我有三个inline-block div，它们具有明确定义的宽度。 （它们分别是导航栏，工具栏和应用程序的横幅。）

当页面很宽时，我们需要它们去：

[a][b][c]

很简单。但是，当页面较窄（可以移动）时，它们应该转到：

[c]
[a]
[b]

那么，我们有没有真正理解float: left和right的人来帮助您？

最佳答案

您可以使用media query。例如

div{
 display:inline-block;
 width:33%;
}

@media (max-width: 600px){
 div{
  display:block;
  width:auto;
 }
}

DEMO