Javascript 在内容没有换行符的情况下，如何使div的大小与内容的大小相同？

我得到了一个

div

，它有我屏幕的宽度。它有

溢出：滚动
。在这个div中，我有
0-n
其他div，它们可以有不同的宽度

我希望我的div随着内容的增长而增长，这样我就可以简单地水平滚动。然而，我的div只是高度增加，其内容只是垂直堆叠<代码>显示：内联块对内容无效

我怎样才能解决这个问题

附言：如果我给我的div设置了一个固定的宽度，它就可以工作了，当然这在大多数情况下都太宽或太小了

谢谢
 您可以混合使用
内联块
和
空白：nowrap
：


.parent{
空白：nowrap；/*将所有子项放在一行上*/
宽度：100%；
溢出：自动；
}
.孩子{
显示：内联块；/*使内联块服从父级的空白*/
空白：正常；/*为儿童重置空白*/
}

大量的文本和内容
大量的文本和内容
大量的文本和内容
大量的文本和内容
大量的文本和内容
大量的文本和内容
大量的文本和内容
你是这个意思吗

如果不想定义宽度，可以使用jQuery。怎么用？像这样


var-width=$（'.child'）.width（）；；
$（'.inner.child'）.each（函数（）{width+=$（this.width（）；}）；
$（'.inner'）.css（'width'，width）
.child{
宽度：200px；
高度：100px；
背景：黄色；
边框：1px实心#000；
显示：内联块；
}
.家长{
溢出-x：自动；
宽度：100%；
边框：1px纯红；
}

请在此处添加您的代码片段。您是指类似的内容吗？