我可以在div中使用overflow-y的高度百分比：滾動它嗎？

Question

我可以在div中使用overflow-y的高度百分比：滾動它嗎？ 加價：

<div id="container"> 
<div class="messages_container"> 
<ol class="messages"> 
<li>sample message here</li> 
<li>sample message here</li> 
<li>sample message here</li> 
</ol> 
</div> 
<div class="reply"> 
<form> 
<fieldset> 
<textarea cols="60" rows="1" name="message"></textarea> 
<input type="checkbox" checked="checked"> 
<input type="submit" value="Submit"/> 
</fieldset> 
</form> 
</div> 

Answer 1

據我所知，你不能。

試着用JS做這件事，應該比用CSS破解更容易。

Answer 2

而不是使用比例，使用的是在這個stackoverflow thread解釋，我也做了jsfiddle親眼看看

因此，而不是視高（VH）：

display: block; 
width: 100%  
height: 50%; 
overflow: hidden; 
overflow-y: auto; 

用途：

display: block; 
width: 100vh;  
height: 50vh; 
overflow: hidden; 
overflow-y: auto;