Javascript 如何防止子div在不指定父级宽度的情况下扩展父级？

我希望有人能帮我清理一下大脑中的蜘蛛网。我试着在这里举例说明（系统不允许我发布GIF，所以我选择了ASCII艺术）

我想要一个包含2个子DIV的父DIV。儿童组1有一个很长的段落。子DIV#2包含在表格中显示的可变宽度内容

我希望父DIV扩展到子DIV#2的宽度，我希望子DIV#1仅扩展到父DIV的宽度，而不进一步扩展父DIV

我将所有3个div设置为浮动：左

如果我只包含子DIV#2，那么父DIV将扩展到表的宽度（加上填充等）——这正是我想要的。只要我包含DIV#1，父DIV就会扩展到浏览器窗口的宽度，因为子DIV#1也有那么宽

我可以约束父DIV的宽度，但是我不想这样做，因为子DIV#2的宽度可变。我可以约束子DIV#1的宽度，但我不想这样做，因为我希望它与子DIV#2的宽度相同，并且DIV#2的宽度可变

我不想限制任何高度，因为每个框中的内容量是可变的

有没有其他方法可以获得这些结果

谢谢

---

拉尔夫

我不完全确定我是否理解你的意思，但我会尝试从两个内分区中删除float:left。我会将父对象的宽度设置为auto，子对象的宽度设置为100%。这应该允许父级将自身大小调整为更大的div（子级2），然后让子级1扩展为其容器的大小。我希望这有帮助。此外，如果你能发布一个js小提琴，让我看看你有什么，我可能会更好地帮助你

有趣的问题。在向js解决方案屈服之前，我做了很多尝试，但我能得到这些结果的唯一方法是按照希望在他的回答中所建议的去做

我带着一个：

基本上，使用jQuery，您可以编写如下代码：

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

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