如何調整一個div容器從一個孩子的div

適合溢出我有一個內部的div孩子一個div容器：如何調整一個div容器從一個孩子的div

<div id=mainWrapper> 
    <div id=child> 
    </div> 
<div> 

#mainwrapper height:100%, width:900px 
#child height:100%, width:50% overflow:visible float:right

子div包含元素的列表。

如何調整mainWrapper的大小，當從孩子的溢出大於mainWrapper的高度？我試過一堆CSS和一些腳本：$（'＃mainWrapper'）。css（'height'，$（'＃child'）。height（））;

沒有任何工作。

來源

2012-11-20 A H

設置溢出：自動上mainwrapper：

#mainwrapper { 
    width:900px 
    overflow: auto; 
}

它使用花車當hasLayout的事。

來源

2012-11-20 16:01:36

但我不想溢出：自動。我想要孩子溢出：可見，我想mainwrapper重新調整其高度，以適應溢出 –

這實際上是這樣做..你不會得到滾動條，除非孩子超過900px寬度。需要刪除它的高度，否則你也會得到滾動條。你真的選擇了這個選項嗎？ –

雅，當我刪除它的工作高度屬性。謝謝 –

在#child關閉後使用clearfix。浮動的div需要清除，以將其父div拉到相同的高度。

<div id=mainWrapper> 
    <div id=child> 
    </div> 
    <div style='clear:both;'><!--clear--></div> 
    <div> 

    #mainwrapper height:100%, width:900px 
    #child height:100%, width:50% overflow:visible float:right

參考： http://www.webtoolkit.info/css-clearfix.html

What methods of ‘clearfix’ can I use?

http://css-tricks.com/snippets/css/clear-fix/

來源

2012-11-20 15:58:56 jammypeach

我在解決此問題時遇到問題。我將mainwrapper的類設置爲clearfix。然後我添加.clearfix：{ 內容：「。」; display：block; 身高：0; 明確：均; 知名度：隱藏; } 我的CSS文件。和它不工作 btw我的mainWrapper有2個孩子divs。一個是浮動的，另一個是浮動的。只有浮子右邊的孩子有溢出：可見並導致問題 –

行，所以你已經讀了一下clearfixes然後？不幸的是，並非所有的人都能在任何情況下工一般的經驗法則是，你想在浮動內容之後但在關閉父項之前清除這兩者 - 這就是爲什麼我通常會發現'
'或類似的效果最好。因此，請在第二個孩子之後但在關閉父母之前嘗試添加，看看是否有幫助。 – jammypeach

_{寫成新答案，因爲評論很容易被忽略。學分Damien Overeem}

爲了實現overflow:visible爲孩子和mainwrapper來調整到溢出的高度，從孩子和mainwrapper都刪除height屬性。
在mainwrapper中，設置爲overflow: auto。

來源

2018-01-31 07:26:20 lucidbrot

如何調整一個div容器從一個孩子的div

回答

相關問題