wrap h2{

    margin:0;

    background:#ccc;

    height:200px;//设置了背景高度

    line-height:200px;//行高200个像素

}

这种文字行高与块高一致带来了一个弊端：当文字内容的长度大于块的宽时，就有内容脱离了块。你在使用换行后第二行的内容相当于脱离了块。你可以试试不用换行在hi，imooc！后面接着加些文字看看当文字内容长度大于块的宽时的效果

.wrap h2{

    margin:0;

    background:#ccc;

    height:200px;//设置了背景高度

    line-height:200px;//行高200个像素

}

第二行imooc超出了其定义的范围，把背景颜色的高度值或行高设置小一点就可以了