即使有明显或溢出，也不会调整大小

Question

我有2个框（关于我们和联系我们），在您调整浏览器大小时不会更改（堆叠）。我已经检查了论坛，看起来我需要一个明确的：both或overflow：hidden。我的问题是，我已经尝试了我能想到的任何地方，没有任何反应。

到目前为止，我已尝试在包装器，box1和box2中溢出。以及第1-3段。我也在我的HTML中的包装div周围/内/下的每个位置都试过清楚。

以下是代码：

http://jsbin.com/miqeye/edit?html,css,output

我错过了什么？

谢谢！

Answer 1

当浏览器到达768px断点时，您需要将div的显示模式更改为阻止，以便它不允许其水平空间中的任何其他项目。

@media (max-width: 768px) {
  #box1 {
    display: block;
    width: 60%; /* Set according to your requirement */
  }
}

<强>输出：

JSbin