Html CSS：父/子高度问题

我正在努力提高侧边栏的高度

我的容器现在显示了正确的高度（内部内容的高度），但是我应该使用100%高度的侧边栏仍然没有显示

我已经实施了以下建议之一(http://www.quirksmode.org/css/clearing.html)但是侧边栏仍然没有出现

我相信这是一个简单的一个为您的专业人士，任何提示感谢

谢谢

汤姆

这是我的代码：

签出清除浮动，它更干净更容易使用。

签出清除浮动，它更干净更容易使用。

不要使用clearfix 在大多数情况下，这是不必要的，而且肯定不是语义上的

大多数情况下的简单解决方案是：浮动父对象

HTML:

不要使用clearfix 在大多数情况下，这是不必要的，而且肯定不是语义上的

大多数情况下的简单解决方案是：浮动父对象

HTML:

---

谢谢，一个简洁的解决方案。但仍然没有显示侧边栏。有什么想法吗？在解析JSFIDLE中的所有代码时遇到了困难，如果你能用主内容和侧边栏做一个简单的例子，省略任何其他不必要的标记，那么调试起来就更容易了。谢谢，这是一个简洁的解决方案。但仍然没有显示侧边栏。有什么想法吗？在解析JSFIDLE中的所有代码时遇到了困难，如果你能用主内容和侧边栏做一个简单的例子，省略任何其他不必要的标记，调试起来就更容易了。谢谢你的建议，但是我以父对象为中心，所以不能浮动。你的子对象比浮动的子对象多吗？因为您可以将

clear:both

添加到下一个孩子的样式中。谢谢您的建议，但我以家长为中心，所以不能浮动。您的孩子比浮动的孩子多吗？因为您可以将

clear:both

添加到下一个孩子的样式中。

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

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

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