Разъяснение для динамических Боксы для 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;}