位於固定元素內的100％高度div？

JSFiddle 位於固定元素內的100％高度div？

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

我有一個是固定不變的頭。在這裏面我有一個下拉，我想100％的頁面高度，但設置高度爲100％，使其100％高度的父元素。無論如何將它設置爲頁面的100％？

來源

2017-03-15 panthro

更新請更精確。或者更好地提供示例圖像應該是什麼樣子。 – apocalypse

100％的頁面難以掌握 - 我提供了一個jsfiddle。 – panthro

您可以使用'calc（100vh - 100px）;'（視口高度減去標題高度）來設置下拉的高度。無論如何，這不等於頁面高度 – fcalderan

變化.dropdown到：

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

fidde here

來源

2017-03-15 13:07:31

位於固定元素內的100％高度div？

回答

相關問題