关于#css#的问题，请各位专家解答！

用下列代码创建一个四行三列的页面结构，为什么本该在main区域下方的tail区域嵌入了main区域？

？

代码 和 效果截图