0

我可以在带有溢出-y的div中使用高度百分比:滚动吗?标记:

<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>
4

2 回答 2

0

据我所知,你不能。

尝试用 JS 做这件事,应该比用 CSS 更容易。

于 2012-07-16T08:29:36.707 回答
0

而不是使用百分比,而是使用这个stackoverflow线程中解释的视口高度(vh),我还做了一个jsfiddle来自己看看

所以而不是:

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

利用:

display: block;
width: 100vh;    
height: 50vh;
overflow: hidden;
overflow-y: auto; 
于 2017-07-16T14:28:35.557 回答