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

Question

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

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

谢谢。

Answer 1

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

header {
  background: blue;
  overflow: visible;
}

DEMO

要定位绝对元素，您需要使用top left right bottom。

例子:

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