html - Bootstrap 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;
}