当浮动时，如何使figcaption直接进入图像下方：left

Question

我有一个图像作为超链接，并使用了float：left。当我尝试使用figcaption时，它不会定位在我想要的位置。相反，它显示图像右上方的figcaption！

这是我的HTML

<figure>
                <a href = "https://www.google.com"><img src = "asdasd.jpg"></a>
                <figcaption>Fig1. - A view of the pulpit rock in Norway.</figcaption>
            </figure>

这是我的CSS

img{
            float:left;
            margin: 15px;
        }

Answer 1

尝试清除figcaption上图像的浮动

figcaption {
  clear: both;
}