Css 显示内联块不水平增长，子块的填充百分比为%

当我在内联块元素中放置一个img标记并对其进行填充时，父元素并没有像它应该的那样增长

文章{
背景：紫红色；
显示：内联块；
}
img{
填充：5%；
}

<代码> > p>这是使用父值作为参考值的百分比值。这里有一种循环，因为宽度也是基于内容的

在这种情况下，浏览器将忽略填充以根据其内容查找容器的宽度，然后根据该宽度计算填充并添加到图像以创建溢出。浏览器不会返回以更改容器宽度，因为它将是一个infinte循环

解决这个问题的唯一方法是考虑固定值：


文章{
背景：紫红色；
显示：内联块；
}
img{
填充：10px；
}

<代码> > p>这是使用父值作为参考值的百分比值。这里有一种循环，因为宽度也是基于内容的

在这种情况下，浏览器将忽略填充以根据其内容查找容器的宽度，然后根据该宽度计算填充并添加到图像以创建溢出。浏览器不会返回以更改容器宽度，因为它将是一个infinte循环

解决这个问题的唯一方法是考虑固定值：


文章{
背景：紫红色；
显示：内联块；
}
img{
填充：10px；
}

我假设是这样的，但这似乎是对的。谢谢你的解释！非常感谢你的努力。真的很感激。我以为是这样，但这似乎是对的。谢谢你的解释！非常感谢你的努力。非常感谢。