为何保存网页和将网页源代码粘贴复制，得到的效果不一样?

       在查看源代码时，把源代码粘贴复制到txt文本，再将txt文本，改格式存为HTML,打开后网页格式完全变了样。而如果选择将网页保存下来，打开网页则与原网页基本相同。也有功能失灵的地方。比如，网页右侧的 “分享”，在原网页上，点一下会弹出分享框，在保存网页，再次打开后，却不能显示了该分享栏了。

       通过查看网页源代码，并复制粘贴到txt里面，将文件扩展名改为html/htm.

1、这样做并没有下载对应的CCS样式文件，因为一般的CSS样式文件与网页源代码是分开的。

2、只复制了源代码和图片的链接复制了下来，而在本地，网页加载时，图片的路径出错，故网页的板式也就乱了。

3、还有就是有些网页的特效用的外部JS文件控制，复制源代码并没有将这些JS文件复制过来，特效没了，样子也不相同了。

      打开网页，选择“保存网页”将该网页的CSS样式表和JS以及此页面所有需要的图片全部保存下来，且网页中的图片路径，浏览器在保存网页文件时，自动在代码里面修改成了相对路径。这是学习网站如何做的一个很好的方法和途径。   

      但是，这样做也会丢失部分特效，比如 网页右侧部分的分享：

                                               

保存网页后打开会成这样的：

且鼠标点击没反应，仔细看会发现这里分享是两个嵌套在一起的——上下各一个，下面的把上面的遮挡住了。

        为什么会出现这样的情况，如何解决呢？