灵活的DIV标签及其控制方法

DIV是层叠样式表中的定位技术，全称DIVision
DIV在网页中的使用一般要搭配CSS样式来一起使用
如果单独使用DIV那么他在页面中的效果和不使用是一样的。

但当我们把 CSS 用到 DIV 中去以后，我们就可以严格设定它的位置。
我们需要给这个可以被 CSS 控制的 DIV 一个 ID 或说是它的名字。
如：
<div id="color">这是一个有颜色的字</div>

div的常用使用方式和普通的HTML标签无异，相比HTML标签能让代码看起来更加简洁和清晰

关于布局方面
正常的HTML布局一般都使用table标签即表格，但表格有局限性，遵循页面的排版流程
而且DIV布局的话，灵活性能就比table高很多，这关键在于CSS样式里的float浮动
顾名思义，浮动可以通俗的理解为2个平面，比如桌子和桌子上的本子是处于2个平面上。
有了这个属性，DIV的灵活性就大大提高了。

如何控制灵活性大的DIV标签
很多朋友刚接触DIV标签的时候，都觉得这标签太能控制了，其实不然，这里又牵涉到了一个CSS属性，就是clear.clear有4个值,分别是left,right,both,none这4个值是用来管理float浮动后的DIV标签的，分别是：在左侧不允许浮动，在右侧不允许浮动，左右两侧都不允许浮动，允许浮动出现在两侧（默认）.
当一行清除浮动后，下一个标签将显示在浮动后的DIV标签下面，这样就能自由的控制浮动后的DIV标签和其他标签的位置了。