HTML div与下面的div重叠。HTML CSS Beginer

我不熟悉HTML和CSS编码。我正在尝试用HTML和CSS编写一个web布局。由于我对HTML和CSS还不熟悉，所以代码结构并不简洁

我附上了一个显示问题的截图。所有内部div都与主容器div相关，因此内部div具有top属性，例如top:100px；等等

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

下面是包含html、css和img文件的文件

我希望能把我的问题解释清楚

谢谢和问候，

---

dkjain.

使用CSS清除您的DIV：

.clear{clear:both}

对于HTML：

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

---

在重叠的div之间使用此选项。

最好发布您的问题代码，我认为很多人不会下载您的zip文件。我相信你是出于好意，但通过可下载文件“共享”病毒的可能性是存在的。或者，您可以提供一个指向代码的URL链接。是的，您是对的。请放心，该文件只是html，css和img的东西没有js，exe等。事实上，我想任何人都重新创建的问题，所以我只是上传了压缩文件。我在本地开发，不使用测试服务器，所以没有链接。为什么你的回答是一般性的，但请看一下我的代码（zipfile）。元素相对于主容器div，然后通过为eg指定与主容器的固定距离，将内部div绝对定位到主容器。问题是当我在inner-div1中添加内容时，如果内容从absolute_容器中移动了80px以上，内容就会溢出inner-div2。如何解决这个问题？答案很好，有时似乎有必要包含非中断空间，否则它将失败（不确定具体在什么情况下）。我的问题是，为什么一个div一开始就与前一个div重叠？如果显式地强制重叠，我可以理解这一点（尽管您可能会这样做），但为什么默认情况下会以这种方式呈现呢？这只是HTML/CSS中许多令人困惑的事情之一，这些事情让我摇头，求助于使用表格进行布局。