css - HTML div 与下面的 div 重叠内容。HTML CSS 初学者

Question

我是 HTML 和 CSS 编码的新手。我正在尝试用 HTML 和 CSS 编写 Web 布局。由于我是 HTML 和 CSS 的新手，因此代码结构并不直观和整洁。

我附上了显示问题的屏幕截图。所有内部 div 都与 main_container div 相关，因此内部 div 有一个 top 属性，例如 top:100px; 等等

问题是，每当我在顶部 div 中插入更多内容时，内容就会与下面 div 中的内容重叠。任何人都可以改进代码结构，使其更加灵活，并在将内容插入顶部 div 时重新定位 div 的下方。

这是包含 html、css 和 img 文件的ZIP文件。

截图链接

我希望我能清楚地解释我的问题。

谢谢和问候，dkjain。

Answer 1

使用 CSS 清除您的 DIV：

.clear{clear:both}

对于 HTML：

<div class="clear">&nbsp;</div>

在重叠的 DIV 之间使用它。