html - 容器 div 未在属性最小高度上扩展

Question

我有一个 div 的以下 CSS 代码，我希望它有一个最小高度，然后高度会根据需要增加。我不知道为什么，但 CSS 在任何浏览器中都不起作用!我试图用谷歌搜索答案，但没成功!

非常感谢任何帮助!

.container {
  width: 1024px;  
  margin-right: auto;
  margin-left: auto;
  left: auto; 
  right: auto;
  background-color: #FFFFFF;
  box-shadow: 0 1px 3px rgba(34,25,25,0.4);  
  -webkit-box-shadow: 0 2px 12px rgba(34,25,25,0.4);   
  moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
  background-repeat: repeat-y;
  height: auto !important;
  height: 1024px;
  min-height: 1024px;

  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #999;
  padding-bottom:60px;   
  position:relative;
}

容器 div 应该随着这个 div 高度的增加而增长，当数据被输入到 mysql 表中并显示在这个 div 中时，它会增加:

.udis {
  float: left; 
  height: auto;
  width: 680px;
  position: relative; 
  box-shadow: 0 1px 3px rgba(34,25,25,0.4);
  -webkit-box-shadow: 0 2px 12px rgba(34,25,25,0.4);
  moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
  margin-left:10px;  
  min-height:620px;
  height:auto!important;
  height:620px;
}

Answer 1

利用隐藏在容器中的溢出。
或删除 float:left 中的子项。

你可以在谷歌上阅读更多关于清除 float 的内容
http://www.positioniseverything.net/easyclearing.html

顺便说一句，你的三个高度是正确的，继续使用它们。

  height: auto !important;
  height: 1024px;
  min-height: 1024px;