html - 连简单的下拉菜单都做不出来

Question

我正在尝试为下拉菜单和所有其他内容制作布局。我只是想不出最简单和最干净的方法。我的菜单被隐藏了，因为我的标题溢出被隐藏了。如果我将其设置为自动，所有内容都会变得疯狂。请帮帮我。

http://codepen.io/luzlol/pen/hbijI — 我在这里尝试。

谢谢。

Answer 1

下拉列表仍然是标题的一部分，即使它的定位是绝对的，所以无论要显示在标题之外但实际上是在里面，都需要可见。

header {
  background: blue;
  overflow: visible;
}

演示

要定位absolute元素，您需要使用top left right bottom.

例子：

top:10px;：将其向底部移动 10 像素。 left:30px;: 向右移动 30 像素。