转自：http://www.divcss5.com/rumen/r79.shtml
DIV与SPAN的区别
DIV 块元素，span是行内元素
Span的宽度依照包围着对象的宽度而定，所以不能用宽度属性width设置span标记内对象的宽度，但可以设置span的margin（外补丁）值，span中的对象位置与父对象的距离
l Div 块元素 100% 会换行
l Span 行内元素 文本实际长度
l 块元素和行内元素也不是一成不变的，通过定义CSS的display属性值可以互相转化
Eg:#div{display:inherit;} #span{display:block;}
何时用span
在同一行中，想对其中文字或图片设置样式，而又不要该行文本换行的条件下，使用span标记
以下是在没有对开发网页页面设置css样式时候情况下，系统默认情况下的介绍
div与span区别
div占用的位置是一行，
span占用的是内容有多宽就占用多宽的空间距离，说明如下图
sapn标签使用案例截图
分析：从上图很容易知道“我是内容一；用的div”和“我是内容二；用的div”两个内容外部用的是<div>标签，他们得到样式是占用了一排空间（相当于换行一样）；而“我是内容三；用的span”和“我是内容四；用的span”则，文字内容有多宽，就占用多宽距离，使用<span>标签和不使用一样效果。