以前写过四节XHTML的文章，现在接着那一节写第五节之DIV+CSS。本文来自赵庆贝博客，谢绝转载。

一、div标记：区域，块。

<div>内容（任何标记）</div>

二、用CSS属性之对象的宽度和高度属性：width:值; height:值;

三、用项目符号排版（实现菜单效果或列表效果）。

四、用CSS设置对象的显示方式

display:block;把对象的显示方式设置为块对象。

如果想对所有的链接实行则直接：a{display:block;}

五、float设置对象的浮动形式：

float:left/right;   设置对象尽量靠父对象的左边或右边对齐。

1、当对象设置浮动方式之后，它本身的高度和宽度默认情况下只剩下内容所支撑的宽度和调度；

2、当对象设置浮动后，它不再支撑父对象的高度或宽度。

3、分清标记，属性加时达到效果即可。

六、当浮动之后切记一定要记得清除浮动，否则会对下边的排版造成影响。

clear:left/right/both; 即可。

个别事项注意：

1、border-right:1px solid #000000; 如果不显示的话，很可能是因为直接应用给了小对象，也就是子对象，则必须用包含选择器，将父对象也写出来。即：父对象 子对象{border:1px solid #000000;}

2、div要想有margin:0 auto;则必须赋予宽度。

DIV+CSS还需要多加练习，在练习中总结经验，渐渐成熟。