澄清CSS的动态高度框

Question

我正在努力想出这个（应该是）简单的css：

网站在这里： http://mibsoftware.us/fct/index.php

我只是想把我的#leftcolumn和#maincolumn放在#content_container中，但无论我做什么都不行。我想#content_container是一个动态高度，因为#leftcolumn和#maincolumn的高度会根据你所在的页面而改变。

从我的CSS的框架它应该工作正常，所以我必须在我的.css文件中遗漏一些声明这些div的东西。任何帮助将不胜感激，因为这将是一个很好的学习经验。

Answer 1

在overflow:hidden上设置#content_container。

Here is a nice resource了解有关清除花车的更多信息。

您还可以在.clearfix上设置#content_container课程，并在CSS中定义如下：

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow:hidden;
}
.clearfix, .container {display: block;}