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