css - 如何在这个 CSS 上设置自动高度？

Question

我有以下CSS：

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

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

我尝试使用：高度 100% 自动；我尝试删除浮动属性，但高度没有重新调整。我对此有点陌生，所以不知道要解决什么。

score 2 · Accepted Answer

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

CSS

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

score 0 · Accepted Answer

尝试

padding: 5px;

或者你想要多少填充

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

overflow: auto;

score 0 · Accepted Answer

0

你的代码没有问题试试这个 jfiddle http://fiddle.jshell.net

于 2013-05-28T16:09:08.430 回答

3 回答 3