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

使用隐藏在容器中的溢出物或者移除浮子：留在孩子们身边。

您可以在谷歌中阅读更多关于清除花车的信息 http://www.positioniseverything.net/easyclearing.html

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

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

Answer 2

更改以下代码

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

到

min-height: 1024px;

Answer 3

您已为两个元素指定了固定高度，因此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;

容器div不扩展属性min-height

3 个答案: