引导3流体以及高度

Question

下面的代码来完成我想要的（JS Fiddle）：

HTML

<div class="well"> 
    <div> 
    <p>Really long text...</p> 
    </div> 
</div> 
<div class="input-group"> 
    <input type="text" autofocus="autofocus" class="form-control"> 
    <span class="input-group-btn"> 
     <button type="button" class="btn btn-default">Send</button> 
    </span> 
    </input> 
</div> 

CSS

div.well div { 
    height: 100px; 
    overflow-y: scroll; 
} 

但我想这样做不指定高度，以便井总是占用屏幕的剩余高度。有没有办法做到这一点没有JavaScript？

编辑：添加什么，我最终想要做的图像，来提供内容的问题，我试图解决：

Answer 1

什么样呢？ http://jsfiddle.net/jiantongc/uqw43/2/

div.well { 
    position: absolute; 
    top: 0px; 
    bottom:40px; 
    left:0; 
    right:0; 
    overflow-y: scroll; 
} 

.user-input{ 
    position: absolute; 
    bottom:5px; 
}