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

Question

我有以下CSS：

#content div.container {
  float: left;
  margin: 40px 0px 0px 0px;
  width: 100%;
  min-height: 320px;
  height: 100%;
  background: #ffffff;
}

如果容器的长度超过320px，我如何确保容器的高度会根据其中的内容重新排列？

我尝试使用：身高100％自动;我尝试删除浮动属性，但高度不重新调整。我对此有点新意，所以不确定要解决什么问题。

Answer 1

您的代码没有问题，您只需使用min-height和height: auto;

CSS

#content div.container {
  float: left;
  margin: 40px 0px 0px 0px;
  width: 100%;
  min-height: 320px;
  height: auto;
  background: #ffffff;
} 

<强> Live example

Answer 2

试

padding: 5px; 

或者你想要多少填充

如果不起作用，请尝试添加

overflow: auto;

Answer 3

您的代码没有任何问题 试试这个jsfiddle http://fiddle.jshell.net