CSS在其浮动子容器的依赖项中扩展父容器

我有一个id为

#parent

的容器，我动态添加了几个类

的图像。child

，可以为

元素假定固定的宽度和高度

我希望所有的
.child
彼此相邻浮动，以构建一个水平列表。如何将
#父项
自动调整为所有
子项
的总宽度

非常感谢

PS：我需要一个纯CSS解决方案

小提琴：

可以在这里找到解决方案：
您可以使父级
内联块
并添加
空白：nowrap到它：

#parent {
    display: inline-block;
    overflow: hidden;
    border: 1px dashed blue;
    white-space: nowrap;
}


要动态添加新块进行测试
您可以使您的父级
内联块
并添加
空白：nowrap到它：

#parent {
    display: inline-block;
    overflow: hidden;
    border: 1px dashed blue;
    white-space: nowrap;
}


要动态添加新块进行测试
，您还可以将
位置：绝对
指定给
#父
div，以解决跨浏览器支持的问题。（或使用@dfsq的帖子中显示的
空白：nowrap
）


正如您所述，
.child
元素具有固定的宽度和高度，您需要为
#view
元素指定明确等于
.child
元素高度的高度，在布局中占据空间。
您还可以将
位置：绝对
指定给
#parent
div，以解决跨浏览器支持的问题。（或使用@dfsq的帖子中显示的
空白：nowrap
）


正如您所说的，子元素具有固定的宽度和高度，您需要给出与
.child
元素高度显式相等的视图
高度，以在布局中占据空间。
要使父元素的宽度达到什么限制？在小提琴中，您已为视图设置了宽度320px，#parent超过320px后会发生什么？您希望parent的宽度达到什么限制？在您的小提琴中，您为#view设置了320px的宽度，在#parent超过320px之后会发生什么？我正在用#view在这把小提琴中模拟页面溢出：非常感谢你解决了我的问题我正在用#view在这把小提琴中模拟页面溢出：非常感谢你解决了我的问题