即使是简单的下拉菜单也无法生成

Question

我正在尝试为下拉菜单和其他所有内容做一个布局。我无法弄清楚最简单最干净的方法。我的菜单是隐藏的，因为我的头溢出是隐藏的。如果我将其设置为自动，所有内容都会变得疯狂。请帮帮我。

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

谢谢。

Answer 1

的下拉列表仍然是头部的一部分，即使它的定位是绝对的，所以无论是要显示外的头，但它实际上内，必须是可见的。

header { 
    background: blue; 
    overflow: visible; 
} 

DEMO

来定位absolute元素，你需要使用top left right bottom。

实施例：

top:10px;：由10像素移动它朝着底部。 left:30px;：将它右移30像素。