Уточнение для динамических блоков высоты для 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.

Вот хороший ресурс , чтобы узнать больше об очистке поплавков и т.1009 * класс на вашем #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;}