ページ要素の上にjQueryモーダルボックスを表示するにはどうすればよいですか？

Question

私は現在、小さなjQueryポップアップモーダルボックスを開発中です。私はtoggleSlide()関数をうまく使っています。しかし、私がボックスを呼び出すと、それは他のすべてのコンテンツを途中でプッシュします。

CSSプロパティにposition: relative;とdisplay: inline;を使用しようとしましたが、どちらも機能しませんでした。

助けることができる誰かからの洞察が大好きです。デモサイトでコードのライブを見ることができます：[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 */ 
}