Css 自动高度对齐问题

Question

 #container
 {
   background: #787234;
   width:980px;
   height:auto;
   margin-left: auto;
   margin-right: auto;
   position:relative;
   //float:left;
}

container 高度设置为自动。我仍然面临高度问题。由于 DIV 居中对齐，我无法使用 float:left。

请告诉我如何在不使用 float:left 的情况下获得 height:auto

here is the code snippet

编辑:

float:left 给出了结果，但如果我使用 float:left，我的 div 将不会位于中心。

已解决:(没有 100 声望来回答这个问题)

由于 #container 与中心对齐，这给了我 height:auto 问题。我通过创建一个子容器 div 来解决 float:left

因此，float:left 是我不能在 #container 中使用的答案。

#container
{
  width:980px;
  margin-left: auto;
  margin-right: auto;
}

#sub-container
{
  width:100%;
  height:auto;
  float:left;
  background: #FFF;
}

Answer 1

我遇到了同样的问题，我找到了解决方案:

div#container {
    height: auto;
    overflow: hidden;
}

我在容器中有很多 div，但如果没有 overflow:hidden;，它就无法工作。

当我把它放在上面的代码中时，它运行得很好。