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