如何将div容器包装在其他div容器周围，其高度为：auto;

Question

我正在尝试使用height:auto创建一个div容器，以便不限制整个布局。

然而，在容器内部，我有几个其他容器，其中一些容器具有固定的高度和自动高度。

div.profile_box{
  width:1000px;
  height:auto;
  position: absolute;
  margin-top: 150px;
  left:50%;
  margin-left:-500px;
  border:1px solid gray;
}

div.profile_box div.profile_pic{
  position:absolute;
  width:250px;
  height:340px;
  border:1px solid gray;
}

div.profile_pic div.picture{
  position:absolute;
  margin: 10px 10px 10px 10px;
  width:230px;
  height:180px;
  border:1px solid gray;
}

div.activity_all div.blog{
  margin: 20px 5px 5px 5px;
  width:480px;
  height:auto;
  border:1px solid gray;
}

div.activity_all div.photo_album{
  margin: 20px 5px 5px 5px;
  width:650px;
  height:auto;
  border:1px solid gray;
}

这假设包裹所有div-s，但它只在我所有div-s之上显示为一条直线。

虽然我所有其他的div都在这个地方。