12.3　使用DIV注意事项

在使用DIV时，要注意ID与类（class）选择符的应用，ID是在一张网页中单独的HTML关联CSS的名称，而类可以在HTML中重复出现，可以定义一个名称在同一网页多处应用（当然也可以在多个网页中应用）。

用DIV布局时，好多初学者都不太熟悉DIV+CSS布局的使用，而在控制标记时存在比较难以控制的情况，出现这种情况有以下几点。

（1）使用DIV时要确定好层对象的宽度。很多初学者想把层控制到一个方面，但层默认的是100%，在不确定宽度情况下不能移动。

（2）当确定宽度后，使用属性float进行漂移，如在一个位置要想两个层并排，可以设置两层向一个方向漂移（如设置float为left），还有一种方法设置一个向左一个向右，但是中间有间隔，合理地调节这个间隔就可以了。

（3）当用float设置过后的层，在接下来用到的层受空间漂移后的影响，也会出现漂移情况，但这时的漂移并不是当初想要的，所以还需要用到属性clear来设置对象不往某方向漂移，当然，clear主要针对float属性应用。

（4）在设置高度时，如果对层对象设置了高度，而显示内容超过其区域，在IE中可以自动延长对象的区域，但在FF中，会出现固定的区域（设置边框可以看到层对象的边框），其他的内容超过对象还会显示，解决这个问题可以去掉高度属性的（height）设置。

（5）在层内部要设置绝对定位时，需要在父对象中先设置相对定位，否则绝对定位以＜body＞＜/body＞父对象进行定位。

说明　在使用HTML+CSS的过程中，需要长期总结，有的问题在现在遇到了，但在下次还可能会遇到，一个合格的设计师在下次遇到相同问题时，会很好地解决。因为在前面看到过的问题，印象非常深刻。

用CSS和DIV，除了注意上面的事项外，还有很多地方是读者需要注意的，这些问题都从实际项目中总结，所以对CSS的属性要多练习，多实践才能很好地理解。