为什么一样的代码效果是不一样的

下面这个box1可以输出图上那个图标但是把他删掉用下面这个box3一模一样的代码的时候会没有图上这个图标是为什么阿？

是不是因为你margin:的距离过大导致出现了滚动条box3其实就在页面下面，你把box3元素放在html第一个看效果 或者F12审核元素box3

引用的图片路径不同，一个相对路径一个绝对路径