就拿IE和firefox来说，同样的代码，在这两款浏览器的显示结果有可能完全不同。（随着W3C的努力，各大浏览器生产商也开始主动地迎合W3C制定的统一标准，使得这种差异在逐渐减少，不过差异一直存在，不可避免）
而网页设计辅助软件（如DW）根据代码产生设计视图的原理和浏览器把代码翻译（显示）成网页的原理一样，我就不多说了。
再有，一些浏览器本身就存在bug，比如IE6。这些bug也会导致网页最终显示结果不统一。（例如IE6中的浮动元素的外边距会无缘无故的加倍，而在IE7中这个bug被修复）
现在的firefox是一款履行W3C的css标准比较不错的浏览器，设计网页时建议首先用它来查看结果，有助于更好的理解css。
设计视图乱是因为你写的代码还不怎么规范，我刚学CSS的时候也是你这样，浏览器中正常，但一点DW里面的设计就乱的要死。给你个小提示啊，这个属性有加没<div style="clear:both"></div>清楚浮动，其他的就要看你的经验了，建议你布局的时候用拆分模式，那样哪个地方在视图里面乱了就能发现并改正了.
