如何在另一个固定的div下定位一个固定的div?

时间:2015-05-04 16:37:16

标签: html css css-position

我试图在另一个固定的div(标题)下直接设置一个固定的div div(菜单),并且定位也应该适用于不同的屏幕尺寸。 我通过JQuery调用“menu”div来切换它,它出现在“header”div下面。我可以设置一个固定的顶部值大于“标题”div的高度,但如果我不希望标题具有固定的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:?
}

1 个答案:

答案 0 :(得分: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>