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

Question

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

到目前为止，我已经尝试在包装器 box1 和 box2 中进行溢出。以及第 1-3 段。我也在我的 HTML.

中的几乎每个地方 around/in/under 包装器 div 尝试过清除

Answer 1

当浏览器到达 768px 断点时，您需要将 div 的显示模式更改为块，这样它就不会在其水平 space 中显示任何其他项目。

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

输出：

JSbin

Div not resizing even with clear or overflow