css - 调整浏览器大小时如何防止我的 div 层重叠？

Question

过去几周我刚刚学习了如何正确设计布局。我基本上认为我的网站布局已经完美无缺，并准备好将编码传输到 Wordpress ......然后我不小心调整了我的网络浏览器并发现我所有的 div 层都重叠了彼此。

这是它的样子:

基本上看起来主要是我的中心内容 div 被挤出了，还有我的标题图片和导航女巫在同一个顶部 div。我的页脚也被挤压了。我在互联网上搜索了这个问题的解决方案，但似乎找不到任何东西。

如何修复它以便在调整浏览器大小时我的 div 保持原位？

Answer 1

正如 Walter 所说，您的 CSS 会有所帮助。但是，主要问题是 div 中的内容溢出到其他 div，因为内容的 div 不能包含所有内容。
在您的 css 中，尝试将 div 的溢出属性设置为自动(显示滚动条)或隐藏(如果内容超出 div，则仅隐藏内容)例如

overflow:auto;

或

overflow:hidden;