图片定位问题

同学你好，不是完全空白，是在切换的时候，先是图片显示区域显示空白，然后图片才移动到最终现实的位置，实现了补全空位：

这是因为在布局的时候，参照的父元素不一样导致的。这样的效果是不友好的，所以这里选择使用绝对定位。

另，是有图片移动的动画的，同学可以自己浮现代码试一下。

如果我的回答帮到了你，欢迎采纳，祝学习愉快~

同学你好，可以去掉绝对定位、计算位置的方法看一下：

对图片位置没有影响，但是切换是有影响的。选择不同类别切换图片的时候， 会导致图片显示区域显示空白的，然后图片才移动到最总现实的位置：

是因为默认的定位，是按照正常流布局的，会被切换前的图片位置影响。而这里使用绝对定位，是脱离文档流，相对于有定位的（除了静态定位）的父级元素参考来定位的，同学可以自己试一下。

如果我的回答帮到了你，欢迎采纳，祝学习愉快~