div+css兼容的问题

html-css011

div+css兼容的问题,第1张

导致问题出现的是margin-left:10px

出错的浏览器应该是把10px解析成2倍数值了,也就是20px了,所以造成宽度超出总宽度换行的问题;你这里可以在外面嵌套一个div并设置padding-left:10px 原来的margin-left:10px删掉

现在基本都只应付IE7,IE6和FF(火狐)的兼容问题,具体做法是在做页面的时候,就打开三个浏览器来调试,不要等做完再来调,那样会累死。当发现不兼容情况导致页面异常的时候,针对不同浏览器在css中做出调整,例如可以用这种方法来区分:

{width:300px

*width:200px

*_width:100px}

表示在FF中宽度为300px,IE7中为200,IE6中为100。要同时区分三个浏览器的时候,css样式的书写顺序为:FF

>

IE7

>

IE6。

注:带“_”的css样式只有IE6能识别,带*号的只有IE能识别,样式后加“!important”只有FF和IE7能识别