如何覆盖宽度属性的内联CSS？

Question

我的网站侧边栏中有一个带有图片的小部件。该网站具有响应能力，因此，当调整浏览器的大小并将侧栏强制位于主要内容下方时，小部件和图像将展开以填充可用空间。

图像具有内联CSS宽度属性：width: 100%。

我想将其更改为：max-width: 100%

我尝试使用：max-width: 100% !important，但即使图像的实际宽度小于父元素的宽度，图像仍会扩展到父元素的整个宽度。

我的理解是，当两个属性发生冲突时，max-width:属性将覆盖width:属性。

Answer 1

将max-width: 100%!important与width:auto!important;一起使用