如何更好的理解div(一)
点击数：2867 发布时间2012-01-24 22:54:00
在一个没有任何CSS应用的页面中，即使应用了div，也没有任何实际效果，就如同直接在内容中加上了div标记一样，毫无意义。那么该如何理解div在布局上所带来的不同呢？
我们知道，在设计表格时，使用表格设计的左右分栏或上下分栏，都能够在浏览器预览中直接看到分栏的效果。
而当用div布局时，头一个代码可能会让我们感到非常失望，我们尝试编写两个div，用于左分栏和右分栏，代码如下：
<div>左分栏</div>
<div >右分栏</div>
而此时的浏览器能够看到的仅仅出现了两行文字，并没有看到div的任何特征：
实际上，这样的效果给我们带来了二个信息：
先，我们发现“左分栏”与“右分栏”这二段文字不是并排放置，而是上下放置，这说明了div对象本身是占据整行的一种对象，不允许其他对象与它在一行中并列显示，用W3C官方说话是，div是一个block对象——块状对象（或者称为块级元素）。XMTHL中的所有对象几乎都默认为两种类型：
↘ block块状对象： 块状对象指的是当前对象显示为一个方块，默认的显示状态下，将占据整行，其他的对象在下一行显示。
↘ in-line行间对象（或者称为内联元素）： 而in-line行间对象相反，它允许下一个对象与他本身在一行中进行显示，典型代表SPAN、A。
块状的div也说明了，div在页面中并非用于类似于文本一样的行间排版，而是用于大面积，大区域的块状排版，因此DIV非常适合用来网页布局。
实例：SPAN和DIV的区别
