html - 簡単なドロップダウンメニューすら作れない

Question

ドロップダウンメニューとその他すべてのもののレイアウトを作成しようとしています。それを行うための最も簡単でクリーンな方法がわかりません。ヘッダー オーバーフローが非表示になっているため、メニューが非表示になっています。自動に設定すると、すべてのコンテンツが狂ってしまいます。お願い助けて。

http://codepen.io/luzlol/pen/hbijI — ここで試しています。

ありがとう。

Answer 1

ドロップダウンリストは、絶対位置に配置されていてもヘッダーの一部であるため、ヘッダーの外側に表示されるものは何でも、実際には内側に表示される必要があります。

header {
  background: blue;
  overflow: visible;
}

デモ

要素を配置するabsoluteには、 を使用する必要がありますtop left right bottom。

例：

top:10px;: 下方向に 10 px 移動します。 left:30px;: 右に 30 px シフトします。