{width:300px
*width:200px
*_width:100px}
表示在FF中宽度为300px,IE7中为200,IE6中为100。要同时区分三个浏览器的时候,css样式的书写顺序为:FF
>
IE7
>
IE6。
注:带“_”的css样式只有IE6能识别,带*号的只有IE能识别,样式后加“!important”只有FF和IE7能识别
导致问题出现的是margin-left:10px出错的浏览器应该是把10px解析成2倍数值了,也就是20px了,所以造成宽度超出总宽度换行的问题;你这里可以在外面嵌套一个div并设置padding-left:10px 原来的margin-left:10px删掉
兼容性常见的就是间距问题了。。。小范围的修改建议:
IE6,IE7,firefox : background:orange
*background:green_background:blue
【注::不管是什么方法,书写的顺序都是firefox的
写在前面,IE7的写在中间,IE6的写在最后面。】
或则用!important 区分。
浏览器/符号 IE6 IE7 FF(FireFox)
*(星号) √ √ ×
!important × √ √
_(下划线)√ × ×
一般用这个方法做小范围的修改 问题就可以解决了。。。