有大佬能说一下third和second的位置为什么是图二吗

首先元素有默认外边距，所以页面中.first,.second,.third之间有间隙，而且外边距是重叠的。
其次.second虽然设置了absolute,但是没有显示的设置top/bottom...所以元素位置还是之前的位置，但其已经脱离了文档流，不会影响会面的.third,所以页面中.third会显示在.second上面， 这里不仅是指上下位置，还有.second和.third层级关系。
你把控制台打开，就可以一目了然。