Html 在DIV下面的页脚

我有一个表单正在使用AJAX提交。当表单提交时，它将更改为display:none，并在其位置显示带有成功消息的div

我不确定如何防止这种情况。我知道它与CSS有关。这是该div的CSS

#ajaxform{
    position:relative;
z-index:1
}

#ajaxdiv{
    display:none;
    position:absolute;
    height:auto;
    width:650px;
    background-color:#f3f3f3;
    z-index:10;
}

你们推荐什么样的方法来避免重叠

---

谢谢

这里的问题是您的

#ajaxdiv

具有

位置：绝对

。如果您删除了绝对定位，那么应该可以解决您的问题，尽管您在元素上拥有绝对定位可能是有原因的，在这种情况下，它可能会产生新的问题

将您的

#ajaxdiv

更改为

位置：相对

另请快速参考：不要使用

标记定位内容。打断标记应用于指定要手动打断一行文本的文本中的打断。要定位，请使用填充或边距。我指的是您在
#ajaxdiv
容器上方的两个

标签

如果您添加最小高度：100px，则它似乎在不剪切的情况下显示

<div class="box_fullwidth" style="min-height:100px">



我刚刚注册并玩了div代码

我还删除了2个换行符
谢谢，我有一个测试点的绝对位置，但没有使用它，所以我更改了它=>很高兴能够提供帮助。这是一个好看的表单。感谢您的帮助和反馈！感谢您提供br标签上的信息。我忘了返回并指定一些CSS来代替中断。但是现在应该完成=>一方面注意，我必须在“艺术家”部分完成这项工作，我正在使用jquery循环插件。为什么在使用循环时会将文档踢到标题下。它以前没有这样做。