引導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; 
}