为什么before没有出现在外面?为什么after出现在外面了?
因为盒子里面的h1元素的高度等于盒子的高度,h1是块级元素要独占一行(行高等于盒子高度),所以插在后面的内容被挤到盒子外面了。若是盒子里面的内容没有撑满整个盒子的高度,那么插在前面和后面的内容自然都在盒子里面。
因为设置了z-index:-1,两个图层都在后面