twitter-bootstrap - 使用绝对定位时如何自动减小外部容器的大小？

Question

我有一个 twitter bootstrap 响应式布局，我希望外部 div 的高度在内部元素减小时自动减小。我的问题是我在子元素中使用了绝对位置，这使容器看起来很空，迫使我设置最小高度。否则我不知道如何达到预期的效果。

你可以在这里看到一个例子：

http://jsfiddle.net/dansalmo/R4hPf/3/show/

我希望能够根据手机宽度重新调整大小，并且随着图像尺寸的减小，图像和导航栏之间的间隙不会太大。

如果您想分叉它并显示可能的修复，代码就在这里：

http://jsfiddle.net/dansalmo/R4hPf/3/

Answer 1

不太明白但能要这个吗？

http://jsfiddle.net/R4hPf/5/

或者可能是这样的：

http://jsfiddle.net/R4hPf/6/

我只改变了值​​​：

.banner{
  position: relative;
  margin-bottom: 10px;
}
.logo{
  margin-bottom:5px;
    overflow:hidden;
    clear:both;
}
.user-access {
  float: right;
  margin: 5px;
  padding: 0px;
 }