使用绝对定位时如何自动减小外容器的尺寸？

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