父格太小，孩子的div

我有一個頁面，孩子div■不要擴大#header div，他們應該...父格太小，孩子的div

如果頭div的高度設置爲60像素，或其他任何絕對值，我可以使它伸展和工作正常，但我不能使它的內容自動調整大小...

我在同一頁上使用Bootstrap 3。

有人可以借用一些建議做什麼？我一直在欺騙與#header，#width-clip相對大小（所有當前設置爲auto - 再次，如果你設置#header到一個固定的高度它的工作原理（在某種程度上），但我怎麼讓他們自動調整？）

HTML：

<div id="header" role="banner"> 
    <div id="sr-header-area"> 
     <div class="width-clip"> 
      <div class="dropdown srdrop" onmouseover="" onclick="open_menu(this)"><span class="selected title"> me</span></div> 
      <div class="drop-choices srdrop" style="top: 18px; left: 0px;"><a class="choice" href="#">Link</a></div> 
      <span class="separator">|</span> 
      <ul class="flat-list sr-bar hover list-inline nopadding"> 
       <li><a href="#">pics</a></li> 
       <li><span class="separator">-</span><a href="#">funny</a></li> 
      </ul> 
      <span class="separator">–</span> 
      <a id="sr-more-link" href="#">edit »</a>  
     </div> 
     <div id="header-bottom-left"> 
      <a id="header-img" class="default-header" title="" href="/">51451</a> 
      <ul class="tabmenu"> 
       <li class="selected"><a href="#">Test</a></li> 
       <li><a href="#">rising</a></li> 
      </ul> 
     </div> 
     <div id="header-bottom-right"> 
     </div> 
    </div> 
</div>

CSS：

在你的小提琴

#header { 
    background-repeat: no-repeat; 
    height: 60px; /* only works if static height is set */ 
    background-color: #000; 
    background-position: 0px 0px; 
    border-bottom: 0px solid #000; 
} 

#header { 
    border-bottom: 1px solid #5F99CF; 
    position: relative; 
    background-color: #CEE3F8; 
    z-index: 99; 
} 

#sr-header-area { 
    background-color: #F0F0F0; 
    white-space: nowrap; 
    text-transform: uppercase; 
    border-bottom: 1px solid #808080; 
    font-size: 90%; 
    height: 18px; 
    line-height: 18px; 
} 


#header-img.default-header { 
    text-indent: -9999px; 
    background-image: url('http://localhost/templates/bootstrap/img/sprites.png'); 
    background-position: 0px 0px; 
    background-repeat: no-repeat; 
    height: 40px; 
    width: 150px; 
    display: inline-block; 
    vertical-align: bottom; 
    margin-bottom: 3px; 
margin-top: 27px; 
}

來源

2014-03-28 user3140714

貌似所有的頭內容，你想向頭部高度嵌套SR-頭區，其中有18像素的高度內。因此，標題= 18px。 – chrisgonzalez