SPAN元素和DIV元素有的区别

答案：前几天做自适应Skin的时候了解了一下块(block)的含义。发现了这样的一个问题。 
SPAN元素和DIV元素有什么区别  
解决思路： 
最明显的区别是：DIV是块元素，SPAN是内嵌元素。块元素相当于内嵌元素在前后各加一个<br>换行。其实，块元素和行内元素也不是一成不变的，只要给块元素定义display:inline，块元素就成了内嵌元素，同样地，给内嵌元素定义了display: block就成了块元素了。 
具体步骤：
<style> 
div,span{border:1px solid #f00;margin:2} 
</style> 
<div>div1</div><div>div2</div> 
<span>span1</span><span>span2</span> 

 
<div style="display:inline">div3</div> 
<div style="display:inline">div4</div> 
<span style="display:block">span3</span> 
<span style="display:block">span4</span> 

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
 
技巧：有些朋友会说DIV是层标签，其实HTML里是没有层这个说法的，只不过是为了易于理解，Dreamweaver里才这样写的，每个对象都可以成为 “层”，只需要给对象定义position属性(值为absolute或relavite)。例如，要让图片成为“层”，可以这样写代码： 

特别提示 
本例代码运行效果（点运行代码）所示，为了更能说明问题，这里给块元素和内嵌元素都加了1像素宽的红色实线边框，从图中可以看到， DIV默认为块元素，定义display属性值为inline后以内嵌元素显示，而SPAN默认为内嵌元素，定义display属性值为block后则以块元素显示。 
特别说明 

本例主要说明了display属性的两个值block和inline的用法及意义。  

上一个：从Table向Css过渡的优缺点比较
下一个：一个css 的小问题