有没有人能解释一下为什么会发生这种行为？在下面的代码中，当我将属性display：inline-block更改为float：left时，它旁边的内联文本会稍微移动。发生这种情况有什么原因吗？

<代码><；！文档类型HTML>；<；HTML（>；）<；头部>；<；/标题>；<；身体>；<；H2>；向右浮动<；/H2>；<；P>；在此示例中，图像将在段落中向右浮动，并且段落中的文本将环绕图像。<；/p>；<；DIV style=float：left；宽度：100px；边框：红色实线2px；>；样本<；/DIV>；<；DIV style=display：inline；color：green；边框：绿色实线2px；>；样本样件样本样件样件试样样件试样样例样本试样样例样本<；/正文>；<；/HTML>；

顺晟科技：