亲爱的老狼-精灵图及BFC区域的解释

1、精灵图是一种非常方便的使用方法，它比起平常的频繁请求后台进行图片传输，要简便省力，不费流量的多。

它的使用步骤是：

img{
width: ;
height: ;
background: url(  ) no-repeat x轴 y轴;
}

2、BFC区域是一种在项目中常用到的用法，引起BFC区域的原因有很多，例如：float、position

BFC区域是一种非标准文本流区域，和标准文本流区域为两个概念。且，里面的模块都是行内块。

反过来说，当一个区域里的模块都是行内块时，大概率本区域就是BFC区域。

1>BFC区域里不会发生塌陷的情况。

2>BFC区域里模块之间的间距不会重叠。

2>BFC区域里，如果没有特意调整，模块会一个接一个竖直排列。

正式解释：块级格式化上下文。