Chrome-css img浮动列表标记未显示在正确的位置

在下面的编码中，listmark仅当以Chrome显示时才放在图像的顶部。 （浮动对文本有效，它将显示在图像的右侧，不会出现问题） 此外，使用F5刷新时，listmark将显示在图像的右侧，不会出现问题。 为了防止listmark从一开始就被放置在图像的顶部，有人能告诉我该怎么做吗

img{
浮动：左；
}
ulli{
左边距：20px；
}

aaa
bbb
ccc
ddd
eee

img{
显示：内联块；
}
保险商实验室{
显示：内联块；
}
ulli{
左边距：20px；
}

aaa
bbb
ccc
ddd
eee

您可以尝试像这样浮动您的

：

ul{
    float: left;
    width: calc(50% - 20px);
}

---

这将使所有内容浮动，ul将始终位于图像的右侧。

您可以将ul向右浮动，或使其宽度小于50%-20px。请查看此图。当列表很长时，我想把列表放在图片下面。谢谢你的帮助，但是，我想把img放在左边，把列表放在右边。@Hashimo喜欢这样吗？再次感谢你！还有一件事，当列表很长并且想要环绕图像时，有不同的方法吗？当我在本地环境中尝试时没有问题（listmark是图像的右侧），但是当我在服务器上发布时，listmark出现在图像上，这只是在Chrome上发生的。