CSS浏览器兼容性问题。

Question

如何解决

Answer 1

1.属性清零,页面在浏览器中看起来不一样的原因都是因为浏览器对默认属性的解释不一样。所以都清一下。
*{margin:0;padding:0}

2.有浮动后，记得清除浮动
<div style="float:right">向右浮动</div>
<div style="clear:both"></div>
<div>下面的内容</div>

3.li.浏览器对于li的输出效果也是很恶心。所以最好加一句。
li{list-style-position:inside}

4.少用position.
我建议一开始作业面的人，不要动不动就用position.
其实float一开始足够用了。

在用position的时候一定要记住 absolute 和 relative 要成对的应用
<div style="position:relative">
<div style="position:absolute;top:5px;right:10px;">relative下面套absolute。不然这个div的定位圆点会是浏览器的左上角</div>
</div>

最严重的就这些了。
剩下的小bug，遇到具体情况在搜索就可以了。
少用生僻的css，可以翻翻人家的css文件，看看大家常用的是什么。比如说google的啊，baidu 的啊什么的。

Answer 2

CSS浏览器兼容性问题，很复杂的。影响的地方很多。
首先，各个浏览器支持的CSS就不同，IE和FF都给标准的CSS添加了自己的CSS标准，而IE6，IE7，IE8各个版本对于CSS的支持就不一样。
像楼上说的，”!important”，这是典型的IE6和FF的hack技术，IE7，IE8不能再用了。
要想解决，首先就要少用浏览器对css有分歧的属性，如果实在不行，就给每个浏览器设置一个不同的CSS，可以写在不同的css文件里。
JavaScript可以分辨出FF，IE，甚至IE的版本。

Answer 3

去找一本css的书吧，大部分教材上都提示有浏览器兼容性问题，可以再那上边找到解决方案