解决CSS开发中的常见问题——浏览器不兼容

1.字体大小不兼容：各个浏览器对字体大小small的定义不同，所以效果不一样

比如：IE浏览器small定义为16px，而firefox浏览器定义为13px

解决方法：在页面中设置文字大小时，不要使用small设置大小，直接设置具体数值大小

2. div里的float悬浮问题：在网页中不同浏览器设置多个float（多块），可能浮动不一致

比如：firefox浏览器没有清除上一个float，下一个float会自动沿用上一个float设置，而不用自己的设置

解决方法：在每一个div块设置了float后，在最后加入一句清除浮动的代码：clear：both，就会清除前一个浮动的设置

3.容器高度的限定问题：（height）高度值变化

比如：IE浏览器设置了高度但内容过多会导致撑开高度，而firefox浏览器不会撑开高度但会重叠

解决方法：不要设置高度的值，这样浏览器会自动根据内容来判断高度