中央のウェブページの上にサイドメニューを表示する

Question

長いサイドメニューを持つ中央のウェブページ（マージン：0の自動、 'ラッパーDIV'）を持っています。 1ページのテンプレートには広いコンテンツ領域が必要です。トップページに（jqueryを使用して）サイドメニューを表示するリンクを追加しようとしています。クリックすると、メインページのコンテンツの上部に表示されます。

私は 'position：absolute;'を使用するとこれを達成できます。 #sidemenucontainer DIVでは、相対的な配置を使用すると（つまり、中央に配置されたレイアウト（つまり、ブラウザの左上隅に固定されていない）正しい位置にあるため）、メインページのコンテンツをメニューの下までプッシュし、ページの上に表示されるよりもむしろ。

必要に応じていくつかのサンプルコードを用意することができますが、私は上記の意味が成り立つことを望んでいました。私は明らかな何かが欠けていると確信しています。 ありがとう！

Answer 1

絶対的には、相対的に最も近い親のdivに関連して絶対を意味します。

ラッパーにpositionのrelativeを、サイドメニューにpositionをabsoluteと指定すると、ラッパー内にサイドメニューが配置されます。

サイドメニューは、他のアイテム（この場合はメインコンテンツ）の上に移動できるように、絶対的に配置する必要があります。

ここにサンプルがあります：http://jsfiddle.net/RLcFf/