新手初学XHTML网页布局中常出现的几个问题

XHTML+CSS网页设计为现在最流行的网站前台页面编写方式。很多新手在学习过程中总会出现页面的最终显示结果和预期不同的的情况。今天我们简单介绍下常见的几个问题

宽度不正常，请减少百分比

有时候会使容器百分比加起来是100%的情况下会出现宽大于100%，使网页出现问题。这时请尝试将这些值的总和改为99.9%。

边距重合请利用border或padding

有时候可能会为了一些不应出现的空间而烦恼，或者您需要一点点空间时，怎样都挤不出来。如果您有用到margin，那么很容易产生边界的重合。

出现有问题请立即检测

如果遇见错误时能对源代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS 都有检测工具可用，请见 http://validator.w3.org 。请注意，在文件开头的错误，可能因为不当的结构等因素造成更多错误;我们建议先修正一些最明显的错误之后重新检测，这样也许会让错误数量爆减。

除了0之外的其他数值都要指定单位

这点在CSS网页设计中需要特别注意，很多新手朋友往往忽视这个问题。

使用浮动功能时记得适当清除指令

浮动有时候未必会产生您所期望的结果。如果您遇到浮动元素跑到外围容器外边去了或者其他不正常情况，请先确定您的做法是正确的。合理的加上CLEAR

记住“TOP RIGHT BOTTOM LEFT”的顺序

margin、padding、border的简写有特定顺序，依次为上右下左[top，right，bottom，left] 所以padding:0 5px 7px 8px;浏览器的解释为是上边没有内补丁，右边5个像素，下边7个象素，左边8个象素。