当新元素出现时，HTML元素的位置会发生变化

我有一个网页，最初看起来像这样

单击链接时，页面右侧会显示一个小表单

问题是，当这种情况发生时，读取“添加的记录”的行也会移到中间

这些是我为定位它们而编写的CSS规则

#frmAddService { float:right; padding-right:250px; padding-top:150px; }   //the form

#msg { float:right; padding-right:250px; padding-top:300px; }   //the 'Record Added' line

当窗体出现时，如何使该行的位置固定

---

谢谢。

酷谢谢你的链接，帮助：）

我创建了一个新的div，并在其中添加了表单和msg。那样的话，如果一个移动，两个移动。 我把id放在formContainer上

这是CSS

#formContainer{width:350px; float:right;padding-right:250px;}
#frmAddService {position: relative; float:right;padding-top:300px;}

#msg { position:relative; float:right; padding-top:300px; }

#tasks { float:left; padding-left:40px; padding-top:100px; }​

我还修改了Jquery以更改#msg的值

这主要是因为你可以看到它的工作很好

​

---

你能用板条箱装一箱吗。不要在顶部使用衬垫。当然，元素没有足够的空间，这是个难题。请最大化结果窗口，您可以了解发生了什么并将其替换为

页边距顶部：10px，添加的记录行移动到页面顶部。请查看我发布的作为对您之前评论的回复的提琴，以查看HTML结构。您可能只需要在点击时添加更多的格挡，将其居中或放置在您想要的位置。抱歉，延迟。我从你的代码中得到了一个想法，并做到了这一点。我把
放在相对位置#msg
，我在jQuery代码中添加了这一行
$（'#msg'）.css（'left'，'200px'）。它给出了我现在还可以接受的结果。但我必须找到一种方法来移除这些被填充物和边距占据的大块空间。无论如何，谢谢你的帮助。感谢：）
​