Html CSS最大高度未应用于图像标记

我有以下代码：

.goplots {
        height: auto;
        width: auto;
        max-height: 50px;
        float: left;
}

这段HTML代码与MediaWiki图像混合在一起：

<div class="goplots">
[[File:{{PAGENAME}}-CC.png|Cellular components]]
</div>

[[文件：{{PAGENAME}-CC.png | Cellular components]]

问题是，只有在修改

宽度

值时，图像才会调整大小。它不应用

高度

或

最大高度

。我什么都试了，但没有成功。发生了什么事？

添加此项

.goplots img {
    max-height: 100%;
}

---

您还需要将

max height

应用于包含的

img

，这将使其在必要时在高度上缩小，同时保持其在容器中的比例

。goplots

您的意思是使用MW语法（

[[File:{PAGENAME}-CC.png | 50px]]

）还是使用css更改宽度值？