爲什麼孩子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的內容會影響孩子的身高而不是父母的身高呢？

回答

相關問題