大部分上海網(wǎng)站制作采用table嵌套表格的方法，很大的原因是簡(jiǎn)單上手，速度快。隨著(zhù)越來(lái)越多的人重視網(wǎng)站運營(yíng)的效果，開(kāi)始觸及用DIV+CSS，相比較更有靈活性、簡(jiǎn)潔性，功能強大。但是不可避免的也會(huì )產(chǎn)生過(guò)錯。

　　一，避免拼寫(xiě)過(guò)錯，查看一下有無(wú)拼寫(xiě)過(guò)錯、是否忘掉結尾的 } 等。一些工具能夠幫助你很好的查看，如CleanCSS。

　　二、找到產(chǎn)生過(guò)錯的方位。任何一丁點(diǎn)的過(guò)錯都或許導致整體布局的變形，能夠逐個(gè)刪去div塊，直到刪去某個(gè)div塊后顯現恢復正常，即可確定哪個(gè)方位出現過(guò)錯。

　　三、用background更便利。確定元素的鴻溝，把background比border更便利。原因在于border特點(diǎn)會(huì )為div塊增加2px的寬度，簡(jiǎn)單使撐開(kāi)鴻溝，而布景特點(diǎn)background-color沒(méi)有這一問(wèn)題。

　　四、文件頭，也便是DTD聲明，這是一定要寫(xiě)上的，使用Dreamweaver會(huì )主動(dòng)生成，便利、快捷。

　　五、一定要重置樣式。瀏覽器默許都會(huì )有一定的鴻溝，所以最開(kāi)端將margin、padding設為0，就很好的解決這一問(wèn)題了。