为什么孩子DIVS的内容会影响孩子的身高而不是父母的身高呢？

-1

  <div id="container"> 
       <div id="sidebar-left"> 
        //some content 
       </div> 
       <div id ="content"> 
       //some content 
       </div> 
      </div>

以上面的一段代码为例。侧边栏和内容div中的内容将它们拉伸并给予它们长度 - 但为什么地球上它们的父级div“容器”还没有被拉伸并给定长度？如果可能的话，我该如何做到这一点？为什么孩子DIVS的内容会影响孩子的身高而不是父母的身高呢？

http://jsfiddle.net/QA8Z7/6/

来源

2012-09-21 styke

你可以把屏幕截图或http://jsfiddle.net/ –

@ManuelChoucino 当然，向上的jsfiddle。 – styke

因为你“漂浮”了物品。在容器上使用'overflow：hidden;'。 – PeeHaa

只使用明确的阶级你一些浮动股利或溢出隐藏在父DIV后总是

<div id="container"> 
     <div id="sidebar-left">some content </div> 
     <div id="content">some content</div> 
     <div style="clear:both"></div> 
    </div>

来源

2012-09-21 06:30:01

这是一个更优雅的解决方案，因为它允许我从元素中伸出的元素，而不是溢出：隐藏，也可以 – styke

我要参加这里的黑暗中刺和猜测，你有float集上sidebar-left和content，并且想知道为什么container DIV不包含它们？如果是这样的话，有各种方式"fix" this problem;这question详细进入各种选项。

编辑：刚才看到，当我写这篇文章的时候，已经知道了，好吧。不过，查看问题的根源以及在容器上设置overflow的一些替代方法可能会有所帮助。

来源

2012-09-21 02:01:37 ultranaut

我不知道这是为什么，但如果你

#container { 
    background-color: red; 
    overflow:hidden; 
}

然后它工作。希望这可以帮助！

来源

2012-09-21 02:20:47 heidi

为什么孩子DIVS的内容会影响孩子的身高而不是父母的身高呢？

回答

相关问题