1.若有疑问立即检测能在出错时简单地检测出原始代码，就能省去很多麻烦。W3C有针对XHTML和CSS的检测工具。请注意，由于结构不当等因素，文件开头的错误可能会导致更多的错误；我们建议在重新测试之前纠正一些最明显的错误，这可能会减少错误的数量。
2.使用浮动功能时记得适当清除指令浮动是一个危险的功能，可能不会产生预期的效果。如果您遇到浮动元素延伸到外围容器的边界或其他异常情况，请确保您首先做的是正确的事情。参见埃里克迈耶在复杂螺旋咨询网站上的教学。
3.边界重合时利用padding或border来避免,你可能在为一个不该有的小空间而挣扎，或者当你需要一点空间的时候，你无法把它挤出来。如果使用边距，很容易产生边界重合；安迪巴德在他的网站上解释了可能的方法。
4.尝试避免同时对元素指定padding/border以及高度或宽度的Windows IE经常会导致宽度和高度的计算问题。有些方法可以解决这个问题，但是如果父元素需要指定高度和宽度，更好对父元素内的子元素应用边距，或者对父元素应用填充，以达到子元素需要指定高度和宽度时的效果。
5.不要依赖min-width/min-heightWindows IE不支持两种语法。但是windows IE在一定程度上可以达到相当于最小宽度/最小高度的效果，所以你可以在IE上做一些过滤功能来达到想要的效果。
6.若有疑问，先减少百分比的一些错误会让50%-50%变成100.1%，从而导致网页出现问题。此时，请尝试将这些值更改为49%，甚至49.9%。
7.记住“TRouBLed”写法，边框、边距和填充的速记语法有一个特定的顺序，它从上到下依次为：上、右、下、左。所以margin:0 1px 3px 5px结果是顶部无边框，右侧1像素，以此类推。记住“麻烦”，你就不会弄错顺序。
8.只要不是零的值，都要指定单位CSS要求您为各种值指定单位，如字体和边距。
鲁ICP备15001313号
鲁公网安备 37039402000105号