如何在不指定父級寬度的情況下防止子div擴展父級？

Question

我希望有人能在這個人身上清理掉我腦中的蜘蛛網。 我試圖在這里說明（系統不允許我發布GIF所以我去了ASCII藝術）

|--------------------------------------------------------------------|
| Browser Window                                                     |
|                                                                    |
| |--------------------------------------------------|               |
| |  Parent DIV                                      |               |
| |                                                  |               |
| |  |-----------------------------------------|     |               |
| |  | Child DIV #1                            |     |               |
| |  |                                         |     |               |
| |  |                                         |     |               |
| |  |                                         |     |               |
| |  |                                         |     |               |
| |  |                                         |     |               |
| |  |                                         |     |               |
| |  |-----------------------------------------|     |               |
| |                                                  |               |
| |                                                  |               |
| |  |-----------------------------------------|     |               |
| |  | Child DIV #1                            |     |               |
| |  |                                         |     |               |
| |  |                                         |     |               |
| |  |                                         |     |               |
| |  |                                         |     |               |
| |  |                                         |     |               |
| |  |                                         |     |               |
| |  |-----------------------------------------|     |               |
| |                                                  |               |
| |                                                  |               |
| |--------------------------------------------------|               |
|                                                                    |
|                                                                    |
|                                                                    |
|                                                                    |
|--------------------------------------------------------------------|

我想有一個包含2個子DIV的父DIV。 子div＃1中有一段很長的段落。 子DIV＃2包含可變寬度內容，它顯示在表格中。

我希望父DIV擴展到Child DIV＃2的寬度，我希望Child DIV＃1只擴展到父DIV的寬度，而不再擴展父DIV。

我將所有3個DIV設置為浮動：左。

如果我只包含子DIV＃2，則父DIV擴展到表的寬度（加上填充等） - 正是我想要的。 一旦我包含DIV＃1，父DIV就會擴展到瀏覽器窗口的寬度，因為Child DIV＃1也很寬。

我可以約束父DIV的寬度，但是由於子DIV＃2的可變寬度，我不想這樣做。 我可以限制子DIV＃1的寬度，但我不想這樣做，因為我希望它與子DIV＃2的寬度相同，而DIV＃2的寬度可變。

我不想限制任何高度，因為每個框中的內容量是可變的。

是否有其他方法可以獲得這些結果？

謝謝，

拉爾夫

Answer 1

我不完全確定我理解你，但我會嘗試從兩個內部div中刪除float：left。 我將父級的寬度設置為auto，子級的寬度設置為100％。 這應該允許父級將自己調整為較大的div（子級2），然后讓子級1擴展到其容器的大小。 我希望這有幫助。 此外，如果你可以發布js小提琴，讓我看看你有什么，我可能能夠幫助更好。

Answer 2

有趣的問題。 在投降js解決方案之前我嘗試了很多，但是我能得到這些結果的唯一方法就是做希望我幫助他的回答。

我帶着一份工作樣本來到這里：

基本上，使用jQuery，您可以編寫類似的代碼：

$(document).ready(function() {
    $('#div1').css('width', $('#div2').css('width'));
});