爲什麼[overflow：auto]在Chrome中不起作用？

爲什麼div會在Chrome中離開他的父母，並且它們不會出現在FireFox中！儘管在IE8中一切都很好。爲什麼[overflow：auto]在Chrome中不起作用？

鉻：

enter image description here

代碼：

<div id="parentDIV" style="overflow: auto; height: 600px;"> 
    <!-- Child Control --> 
    <GW1:OrgChart ID="OrgChart1" runat="server" /> 
</div>

編輯：當我指定它的工作原理父DIV的寬度，但我不喜歡這一點。我試圖設置寬度爲100%，它不起作用。任何想法！

2011-04-27 Homam

你有沒有在chrome中查看開發者工具？他們告訴你什麼關於嵌套的div？ – 2011-04-27 08:49:15

我做了一個快速測試（http://jsfiddle.net/TvUqr/2/），它對我來說工作得很好（即使沒有固定寬度） – Teneff 2011-04-27 08:54:29

@Teneff：似乎問題不在'overflow'中。其實它是在父div的寬度。當它沒有特定的寬度時，它不會留在其父項中。 – Homam 2011-04-27 08:58:33

父div需要有一個寬度overflow:auto工作，否則它將擴大，以適應所有的孩子的寬度。

使用width:100%與未指定寬度相同 - 由於沒有限制，父項將簡單擴展。

2011-04-27 09:06:05 whostolemyhat

你已經指定了這個問題，但我不能指定寬度？ – Homam 2011-04-27 09:21:49

@Jack：不，寬度需要在某處定義。你也許可以使用％寬度，只要它不是100％（我還沒有嘗試過）。 – whostolemyhat 2011-04-27 09:37:36

回答