HTML图像定义宽度和高度。为什么扭曲

Question

我使用此HTML代码来定义显示图片的宽度和高度。 当我使用自动时，为什么要静止高度的图像。我错了？

<img src="image01.jpg" width="80%" height="auto" alt="image01">

问题是，高度是在CSS中的污点。我该如何仅针对此图像做例外？

article img {
        float: left;
        margin-right: 0.2em;
        height: 13em;
    }