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