如何在jsfiddle中最大化DIV中的CSS高度？

Question

我有以下的HTML和CSS：

<div id="a"> 
</div> 

#a { 
    width: 100%; 
    height: 700px; 
    background-color: orange; 
} 

的jsfiddle：

https://jsfiddle.net/9zwsk6bb/

我想了高度精確的外板填補國內總高度不使用類似Flexbox的。在這種情況下可能嗎？

Answer 1

肯定，但對於這一點，你需要設置父元素height，因爲當你想要的元素的height是父母的100%，那麼什麼100％？所以，你需要有像

html, 
 
body { 
 
    height: 100%; 
 
} 
 

 
#a { 
 
    width: 100%; 
 
    height: 100%; 
 
    background-color: orange; 
 
}

<div id="a"></div>

請注意，如果你有一個包裝元素爲#a，那麼你需要設置一些height該元素爲好。