固定要素の内側に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％になるように設定していますか？ .dropdown

Answer 1

変更は：

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

より正確にしてくださいfidde here