关于前端css的设置问题

为什么中间部分会出来？可以帮我看看我的代码有哪些问题吗？因为刚开始学有些掌握的不太好
效果图：

问题代码：

底图不要固定大小，应该本身是个小小的图，然后根据box的高度自动铺满

.box{background: url(./bg.gif) repeat-y}