DIV
div表示层的意思，它可以被简单地理解为“一个盒子”，在这个盒子里，你可以自由地放入各种标签，并且还能统一控制盒子里各种标签的显示样式。

上节教程中的代码的最后一句是：<div style="border:1px black solid;width:auto">我是层</div>  我们看到<div></div>是成对出现的，如果不加入 style="" 这一句的话，大家可以试着看看其显示效果。也就是说，style="" 中的内容是控制div的显示样式的。

再来仔细分析一下 style="" 里的内容：width:auto;border:1px black solid; 其中的width 和 border 分别表示的是div的宽度和边框属性，而宽度的属性值为 auto（自动），border的属性值为1px black solid（1个像素 颜色为黑色的实线）。为了使大家加深对于div属性的印象，我建议大家将这两个值分别设定为200px 和10px red solid，然后保存文件，看一下具体的显示效果。

下面再简单介绍一点div的其他属性：float，margin
float表示浮动的意思，其值可有right left，所谓的浮动，可以理解为div是靠左还是靠右。下面，我们试着改变一下上面提到的代码：
<div style="width:200px;border:10px red solid;float:right; ">这是一个层</div>
保存一下文件，看看显示效果。

margin表示的是div与其他对象的间距，具体的显示效果在这里就不多说了……

bus模板系列教程 5——table与div （1）