css网页布局中注意的几个问题小结

对于经常使用div+css布局的朋友们，这里有一些重要的注意事项需要铭记在心。

一、避免使用偏门技术。

像break-word断行、z-index手动分层以及垂直对齐等这些较为冷僻的CSS技术，虽然可能在某些情况下派上用场，但由于并非所有浏览器都支持，且难以通过W3C检测，因此最好少用。

二、分清center与float。

许多新手常常误认为center是float的值，其实不然。Center只是text-align的属性值，而非float的值。

三、避免填写多个值。

在float或text-align等属性中填写两个值，如“float:left right”，这是不被允许的，因为浏览器无法识别。

四、慎重自定义滚动条颜色。

许多浏览器不支持自定义滚动条颜色，而且许多自定义颜色都无法通过W3C检测。除非必要，最好不要自定义滚动条颜色。

五、注意滚动条设置。

现在常用的滚动条设置如overflow-x（横向滚动条）和overflow-y（纵向滚动条），并非所有客户端都支持。在设置时，最好在body和html中进行。值得注意的是，这种设置方式并非CSS2.1所支持，而是CSS3的特性，因此应谨慎使用。

六、避免background和color颜色冲突。

当设置元素的背景颜色（background）和文字颜色（color）时，如果两者颜色相近或相同，可能会收到警告。因为这种情况下，背景色可能会干扰文字的可读性，影响用户体验。

要想做好div+css布局，不仅需要掌握基本的CSS知识，还需要不断积累经验，了解各种浏览器之间的差异，以及不断学习和适应新的CSS标准和技术。只有这样，才能做出既美观又兼容的网页布局。