如何使jQuery模式框显示在页面元素的“顶部”？

Question

我目前正在开发一个小型jQuery弹出模式框。我正在使用效果良好的toggleSlide()函数。但是每当我打电话时，它都会将所有其他内容推开。

我尝试将position: relative;和display: inline;用于CSS属性，但两者都没有用。

非常喜欢任何能提供帮助的人的见解。您可以在我的演示网站上查看代码：[REMOVED]抱歉，此演示已脱机！

Answer 1

您需要将position:relative添加到.containmsg，然后将模态框设置为position:absolute，稍微调整数字以完美排列。

.containmsg {
    display: block;
    float: right;
    margin-left: 50px;
    position: relative; /* add this */
}

.containmsg .mainComposeD {
    left: -33px;
    position: absolute; /* add this */
    top: 22px; /* add this */
}