CSS: Родительский вопрос/Высота ребенка

Question

Я борюсь с высотой боковой панели.

В настоящее время мой контейнер показывает правильную высоту (внутри содержимого), но моя боковая панель, которая должна использовать 100% этой высоты, по-прежнему не появляется.

Я выполнил одно из предложений ниже (http://www.quirksmode.org/css/clearing.html), но боковая панель все еще не появляется.

Я уверен, что это простой для вас профессионал, любые советы оценены!

Спасибо,

Том

Вот мой код: http://jsfiddle.net/tomperkins/wy52B/

Answer 1

Заканчивать this way очистки поплавки, это намного чище и проще в использовании.

Answer 2

Не используйте clearfix

Это не обязательно в большинстве случаев, и это, безусловно, не семантический.

Простое решение для большинства случаев: поплавок родителя.

HTML:

<div class="parent"> 
    <div class="child"> 
    </div> 
    <div class="child"> 
    </div> 
</div> 

CSS:

.parent 
{ 
    float: left; 
    width: 100%; /*or whatever you want it to be*/ 
} 

.child 
{ 
    float: left; 
    width: 50%; 
}