html - float :left时如何使figcaption直接进入图像下方

Question

我有一个图像作为超链接，并且使用了 float:left。当我尝试使用 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 上图像的 float

figcaption {
  clear: both;
}