css - メニューが開いたときにhtml本体と重なる動的CSSメニュー

Question

現在、動的なCSSのみのメニューがあります（私の最初）が、メニューが展開されると、メニューが開いている間はその下の本文コンテンツが押し下げられ、メニューが閉じられると元に戻ります。メニューが本文の上に開くようにこれを防ぐための最良のCSS方法は何ですか？これが私が話していることを示すページです：

http://fundunity.com/test.htm

更新：メニューを開いたときに本文情報をカバーする（表示しない）ようにすることを追加する必要があります。

どんな助けでも大歓迎です！ブロック

Answer 1

サブナビを絶対に配置する必要があります。

親要素position:relative;を指定してから、サブナビを指定しますposition:absolute

サブナビを表示/非表示にして正しく機能させる方法に応じて、CSS / Javascript を変更する必要がある場合がありますが、これが基本的な方法です。