在做网页设计的时候，对于浏览器的兼容问题，到底该如何解决

在IE6、IE7和IE8中显示总是会有点差别，不知该如何修改CSS样式文件，一直困扰我，

20. 在子容器加了浮动属性后,该容器将不能自动撑开
解决方法：在标签结束后下一个标签中加上一个清除浮动的CSS clear:both;
21. 浮动后IE6解释外边距为实际边距的双倍
解决办法：加上display:inline
22. IE6下图片下方会有空隙
解决办法：为img加上display:block或设置vertical-align 属性为vertical-align:top | bottom |middle |text-bottom
23. IE6下两个层中间有空隙
解决办法：设置右侧div也同样浮动float:left或者相对IE6定义 margin-right:-3px;

IE6 专用 _height: 100px;

IE6 专用 *height: 100px;

IE7 专用 *+height: 100px;

IE7、FF 共用 height: 100px !important;

这种事很常见的，这就是要你自己想办法啦，学点jquery，就是js的一种，对你有帮助的

解决兼容性的问题，以我个人的经验。还是多调试，多总结。处理的问题多了，基本常见的兼容问题也就解决了。遇到不兼容的问题时候，可以贴出源码，让有经验的朋友帮你出出主意