Css Don'；当p标签中有img标签时，t在p标签中缩进

这是我的html架构：（我不能更改架构，因为它是通过降价生成的

<p><img src="foo.png" /></p>

问题是当我的图像非常大时，图像的某些部分可能在容器的外部。 我为img标签设置了

最大宽度：100%

---

您可以看到箭头的一小部分位于容器的外部。

您可以通过执行以下操作来偏移图像上的缩进：

p > img {
    margin-left:-2em;
}

这解决了你的问题还是我遗漏了什么

---

当您将img宽度设置为100%时，不管是

文本缩进

还是

填充

，它都会这样做。图像溢出的量是

2em

，即

文本缩进的宽度。您可以使用%而不是em来设置
文本缩进
，并将img宽度设置为剩余的宽度

p {
    text-indent: 1%;
}

p img {
    width: 99%;
}

或者，按照另一个答案中提到的操作，将img设置为
左边距：-2em；

p {
    text-indent: 1%;
}

p img {
    width: 99%;
}