Html 图像宽度被其他内容覆盖

最近，我将我的个人网站移至github.io，并使用了杰基尔的靛蓝主题。在我的一个名为about.md的降价页面中，我有以下标记

<img src="../figs/foo.jpg" width="100%">

因此，我想100%显示的图像只显示页面的一半

---

如何覆盖.about img以100%显示我的图像

您当前的内联图像宽度使用宽度属性。要覆盖CSS，应使用更具体的CSS。用CSS/style替换属性，如下所示：

<img src="../figs/foo.jpg" style="width: 100%;" />

如果您使用上述方法，您的内联CSS将从

.about img

选择器中赢得这场特殊性之战

---

有关特定性规则的易于记忆的图像，请参见。

您可以将样式属性与一起使用！重要信息设置图像宽度如下：-

这样，您还应该查看此标记容器的父标记的宽度

<img src="../figs/foo.jpg" style="width: 100%;" />