0

我有一个 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;
}
4

3 回答 3

3

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

你可以在谷歌阅读更多关于清除浮动
http://www.positioniseverything.net/easyclearing.html

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

  height: auto !important;
  height: 1024px;
  min-height: 1024px;
于 2012-05-07T07:31:57.550 回答
1

更改以下代码

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

至

min-height: 1024px;
于 2012-05-07T07:12:26.843 回答
0

您已经为这两个元素指定了一个固定高度，因此这些min-height设置永远不会发挥作用。改变这个.container风格：

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

至：

min-height: 1024px;

这是.udis风格：

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

至：

min-height:620px;
于 2012-05-07T07:21:26.340 回答