CSS: родительский / дочерний рост

Question

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

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

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

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

Спасибо,

Том

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

Answer 1

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

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%;
}