即使在使用clear或overflow的情况下，Div也不能调整大小。

Question

我有两个盒子（关于我们和联系我们），当你调整浏览器大小时，它们不会改变（堆叠）。 我已经检查了论坛，看起来我需要一个clear:both或者overflow:hidden。 我的问题是，我已经在任何地方尝试了这两种方法，但什么都没有发生。

到目前为止，我已经试过在包装盒、box1和box2中使用overflow。 以及1-3段。 我也试过在HTML的包装符下的几乎每一个地方清除。

Answer 1

当浏览器达到768px的断点时，你需要将div的显示模式改为block，这样它的水平空间就不允许有任何其他项目。

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

输出。

JSbin