如果右侧元素特效导致页面出现滚动条，影响美观的时候；

可以将动画特效代码 “ class='animated rubberBand' ” 从 P 里拿出来，放到 img 的 class 中去

然后在 P Style 中添加代码，最终是： p style="float:right;overflow: hidden;" ，这样就可以了；

感谢 darcyc 大佬的在线指导！

<p style="float:right;overflow: hidden;">
<img src='https://files.getquicker.net/_sitefiles/_guides/52593d69-c99a-4367-8b98-08d9a65be47e/2021/12/10/144738_202824_2.png' width=310 class='animated rubberBand no-lity'>
</p>

完整的代码如下：

<!-------------右侧封面图片开始了---------------->	
<div>
<p style="float:left">
&nbsp;
</p>
<p style="float:right;overflow: hidden;">
<img src='https://files.getquicker.net/_sitefiles/_guides/52593d69-c99a-4367-8b98-08d9a65be47e/2021/12/10/144738_202824_2.png' width=310 class='animated rubberBand no-lity'>
</p>
</div>
<!-------------右侧封面图片结束了---------------->

注意1：如果图片动态特效过程中，显示不全；
那就用PS把宽度弄大一些就可以了！！

注意2：如果以上代码都对了，依然会出现滚动条；
那就是因为2个动画特效有冲突，将其中一个换成安静一些的特效就可以了！

重要发现：也许出现滚动条的主要原因就是因为2个动画特效代码有冲突；
而不是上面所说的的问题……
暂时还未亲测实践过，有缘再遇到再说吧。