适应嵌套的div以下内容

我的问题是，嵌套div（'内容'）不适应他的高度以下的真实内容，在这种情况下，我的形式。所以前者的div适应了他的身高，但后者的div并没有这样做。我该如何解决这个问题？适应嵌套的div以下内容

HTML：

<div id='container'> 
    <div class='content'> 
     <form action="#" id="admin_form"> 
      <input type="text" class="input350" name="status" /> 
      <input type="text" class="input350" name="tlt" /> 
      <br> 
      <input type="text" class="input350" name="msg" /> 
      <input type="submit" class="input350" style="float:left;" value="Admin" /> 
     </form> 
    </div> 
</div>

CSS：

#container 
    { 
     position: absolute; 
     width: 900px; 
     height: auto; 
     border:solid 4px #1FC3D2; 

    } 

#container .content 
    { 
     position: relative; 
     background-color: #EFEFEF; 
     width: 898px; 
     height:auto; 
     border:solid 1px #000; 
    }

来源

2012-11-09 Hoper

高度根据在它的内容施加。 – Sowmya

高度默认为自动;你不需要明确地定义它（你自己）。按照提供的答案。考虑你的提交按钮的风格是浮动的。只是删除它，并得到解决，因为你在'input350'没有做错什么，我们在这里看不到 – Sami