100％高度div位于固定元素内？

Question

JSFiddle

<header>
    <p>
        header stuff
    </p>
     <div id="dropdown">
         <p>
             a
         </p>
         <p>
             b
         </p>
         <p>
             c
         </p>
   </div>
</header>

我有一个固定的标题。在这里我有一个下拉列表，我想要100％的页面高度，但将高度设置为100％使其成为父元素的100％高度。无论如何将它设置为页面的100％？

Answer 1

将.dropdown更改为：

#dropdown{
  position: absolute;
  width: 100%;
  height: 100vh;
  background: tomato;
  top: 100px;
}

更新了fidde here