最小化浏览器时div重叠

Question

这是我的两个div：

这是屏幕：

当我最小化浏览器时，会发生这种重叠

我该怎么办？

要说清楚

即使我模仿浏览器，左边的div大小也保持静态，这就是为什么正确的div在左边的div上面了

EDIT2

当我尝试Ruddy的解决方案时，我得到了这个：

Answer 1

它可以通过响应式设计完美解决，但您可以尝试的一件事是使用大多数html元素的百分比（％）来管理元素重叠问题，这可能会帮助您达到某种程度否则响应式网页设计是必要的解决方案！

Answer 2

尝试右侧容器div的最小宽度。

E.g。

min-width: 200px;