html - Div 即使清除或溢出也不会调整大小

Question

我有 2 个框(关于我们和联系我们)在您调整浏览器大小时不会改变(堆叠)。我检查了论坛，看起来我需要一个 clear:both 或 overflow:hidden。我的问题是，我已经在我能想到的任何地方尝试了这两种方法，但没有任何反应。

到目前为止，我已经尝试在包装器 box1 和 box2 中进行溢出。以及第 1-3 段。我还在我的 HTML 包装器 div 周围/之中/之下的几乎所有地方尝试了 clear。

Answer 1

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

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

输出:

JSbin