如何在此CSS上设置自动高度?

如何在此CSS上设置自动高度?,css,height,Css,Height,我有以下CSS: #content div.container { float: left; margin: 40px 0px 0px 0px; width: 100%; min-height: 320px; height: 100%; background: #ffffff; } 如果容器的长度超过320px,如何确保容器的高度将根据容器中的内容物重新排列 我尝试使用:高度100%自动;我试着移除float属性,但是高度没有重新调整。我对这个有点陌生,所以不确定要修复

我有以下CSS:

#content div.container {
  float: left;
  margin: 40px 0px 0px 0px;
  width: 100%;
  min-height: 320px;
  height: 100%;
  background: #ffffff;
}
如果容器的长度超过320px,如何确保容器的高度将根据容器中的内容物重新排列

我尝试使用:高度100%自动;我试着移除float属性,但是高度没有重新调整。我对这个有点陌生,所以不确定要修复什么

试试看

padding: 5px; 
或者不管你想要多少填充物

如果这不起作用,请尝试添加

overflow: auto;

代码没有问题,只需使用
minheight
height:auto

CSS


您的代码没有问题
试试这个jfiddle

也许可以添加最大高度?你发布的代码可以满足你的要求。div将变得更大,以容纳更多的内容;你没有采取任何措施来防止这种情况。#内容的样式中是否存在阻止其增长的因素?请在容器中添加最小高度或最大高度。此外,您的最小高度被高度覆盖:100%我认为我有其他因素导致问题。让我再看一下我的代码。谢谢@星巴克如果你有什么麻烦尽管问,我会看看我能不能帮你
#content div.container {
  float: left;
  margin: 40px 0px 0px 0px;
  width: 100%;
  min-height: 320px;
  height: auto;
  background: #ffffff;
}