Html Div扩展到最大宽度，即使它可以'；I don’那条线上没有其他元素

当显示下面代码的浏览器调整大小时，

div

将扩展到

max width

，而我不希望这样做

如果所有内容都放在一行上，看起来不错，但当我缩小浏览器的大小（将

img

推到两行上）时，第一行最后一张图像右侧的

div中现在有额外的空间。我希望
div
不要扩展到
max width
，如果它不能在该行上安装另一个
img
（而是将
div
width end放在
div
中最右侧
img
的末尾）

测试代码：


.parent{
背景：红色；
最大宽度：90%；
显示：内联块；
}
img{
宽度：100px；
高度：100px；
背景颜色：灰色；
}

尝试执行
宽度：调整
自动的
内容或
宽度
或设置
最小宽度
也
尝试执行
宽度：调整
自动的
内容或
宽度
或设置
最小宽度
也
如果您想实现这种行为，使用img width自动将容器设置为100%。但是现在，您的图像将在不保留右侧空白的情况下拉伸

如果有意义，您可以使用媒体查询，并根据自定义屏幕大小控制图像宽度
 如果要实现这种行为，请将img width设置为auto，将容器设置为100%。但是现在，您的图像将在不保留右侧空白的情况下拉伸

如果有意义，您可以使用媒体查询，并根据自定义屏幕大小控制图像宽度
 在这里尝试将
min width
设置为
fit content
，或者您可以将max width设置为
fit content
或
auto
，之所以会有额外的宽度，是因为宽度为90%，并且您的img块对于该空间来说太大了，请尝试降低宽度一些try do do
width:87.4%
在这里尝试将
最小宽度设置为
适合内容
，或者您可以将最大宽度设置为
适合内容
或
自动
。您有额外宽度的原因是因为宽度为90%，并且您的img块对于该空间来说太大了尝试降低宽度一些尝试做
宽度：87.4%
如果您指定
最大宽度：90%
，则需要父级的
90%
，在您的情况下
90%
的
。在
px
@Rohit中明确指定
width
，谢谢，如果所有img都已经放在一行中，并且我将浏览器变大，它将不会继续扩展到90%（它将小于90%）。有没有什么方法可以使用CSS来实现这一点，这样我就不必计算特定的像素宽度，CSS会在调整大小时处理它。如果您指定
max width:90%
，那么它将占用父级的
90%
，在您的情况下
90%
的
。在
px
@Rohit中明确指定
width
，谢谢，如果所有img都已经放在一行中，并且我将浏览器变大，它将不会继续扩展到90%（它将小于90%）。有没有什么方法可以使用CSS来实现这一点，这样我就不必计算特定的像素宽度，CSS在调整大小时会处理好的谢谢，但是使用fit content或auto，当我调整浏览器的大小时，右边仍然有额外的红色空间。我希望无论我如何调整浏览器的大小，右边永远不会有任何额外的红色空间。使用特定的宽度并不能适应所有不同的屏幕大小。谢谢，但是使用fit content或auto，当我调整浏览器大小时，我仍然在右边有额外的红色空间。我希望无论我如何调整浏览器的大小，右边永远不会有任何额外的红色空间。使用特定的宽度不能适应所有不同的屏幕大小。我希望图像保持相同的大小，但只是将div从右侧有额外红色空间时的90%缩小一点，我希望图像保持相同的大小，但只要将div从右边有额外的红色空格时的90%稍微缩小一点就可以了