Html 容器div未在属性“最小高度”上展开

Html 容器div未在属性“最小高度”上展开,html,height,css,Html,Height,Css,我有一个div的CSS代码,我希望有一个最小高度,然后根据需要增加高度。我不知道为什么,但是CSS在任何浏览器中都不起作用!我试着用谷歌搜索答案,但还是没能 任何帮助都将不胜感激 .container { width: 1024px; margin-right: auto; margin-left: auto; left: auto; right: auto; background-color: #FFFFFF; box-shadow: 0 1px 3px rg

我有一个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中时,这个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;
}

更改以下代码

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


更改以下代码

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


您已为这两个元素指定了固定高度,因此
min height
设置永远不会起作用。在
.container
样式中更改此选项:

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

.udis
样式中:

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


您已为这两个元素指定了固定高度,因此
min height
设置永远不会起作用。在
.container
样式中更改此选项:

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

.udis
样式中:

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


使用隐藏在容器中的溢出。
或者移除浮动:留在子对象中

您可以在谷歌上阅读有关清除浮动的更多信息

顺便说一下,你的三个高度是正确的,继续使用它们

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

使用隐藏在容器中的溢出。
或者移除浮动:留在子对象中

您可以在谷歌上阅读有关清除浮动的更多信息

顺便说一下,你的三个高度是正确的,继续使用它们

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

现在发生了什么?另外,你能粘贴你的html结构吗?高度被固定在620px,最小高度的东西工作得很好,我想我也尝试过删除高度:620px;行,但仍然没有帮助目前发生了什么?另外,你能粘贴你的html结构吗?高度被固定在620px,最小高度的东西工作得很好,我猜,而且我尝试删除高度:620px;行,但仍然没有帮助在container div中更改了它,但没有响应,相同的高度是否有多个类为“udis”的div?如果您希望“udis”也根据数据展开,则删除所有高度属性并仅保留“最小高度:620px”。在容器div中更改了它,但没有响应,相同的高度是否有多个类为“udis”的div?如果您希望“udis”也根据数据展开,则删除所有高度属性并仅保留“最小高度:620px”。