如何将一个固定 div 置于另一个固定 div 之下？

Question

我正在尝试将一个固定的 div div(菜单) 直接设置在另一个固定的 div (header) 下，定位也应该适用于不同的屏幕尺寸。我通过切换调用 "menu" div 到 JQuery，它出现在 "header" div 下。我可以设置一个大于 "header" div 高度的固定上限值，但如果我不希望 header 具有固定的 PX 值，我该怎么做？有什么建议吗？

html:

<div id="header">
 <div id="menu">
 </div>
</div>

css:

#header{
  position:fixed
  height:15%;
  width:100%;
  background-color:blue;
}

#dropdown{
  display:none;
  position:fixed;
  top:?
}

Answer 1

有一个固定的包装器，只有其他 2 个 div 按传统方式流动。

#header-container {
  position:fixed
  height:15%;
  width:100%;
  background-color:blue;
}    
#header, #dropdown {
  width:100%;
}

<div id="header-container">
    <div id="header">
    </div>
    <div id="dropdown">
    </div>
</div>

如何将一个固定 div 置于另一个固定 div 之下？

How to position a fixed div under another fixed div?

html

css

css-position