twitter-bootstrap - 絶対測位を使用するときに外部コンテナのサイズを自動的に縮小するにはどうすればよいですか？

Question

内側の要素のサイズが縮小されたときに外側のdivの高さを自動的に下げたい、Twitterのブートストラップレスポンシブレイアウトがあります。私の問題は、子要素で絶対位置を使用しているため、コンテナが空に見えるため、最小の高さを設定する必要があることです。そうでなければ、望ましい効果を達成する方法がわかりません。

ここに例を見ることができます：

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