每种浏览器对Css样式的支持不同,
为了区分不同的浏览器可以这样写:
Style="width:260px; position: absolute; margin-left: 347px; #margin-left: 338px!important; #margin-left: 338px;"
首先来说明一下margin的作用,用来设置控件外部的空白区域大小;
比如:margin-top:100px,意思就是该控件上方面保存100px的空白空间.
还有一个类似的属性是padding,这个是用来设置控件内部的空白区域大小.
我来解释一下上面styl中的特殊标记'#' 和'!important'的用法,
'#' 只有IE浏览器可以识别,有些朋友也会用'*','*+','_'等一些标记,想了解去google就明白了,不要光看,动动手才会理解;
'!important' IE7和Firefox支持,它会提高属性的优先级,上面的标记(
margin-left: 347px; #margin-left: 338px!important; )
因为的第二个标记用了'!improtant',显示以第二个属性为主;
所以上面的style,在不用的浏览器中的理解为:
IE6:"width:260px; position: absolute; #margin-left: 338px;"
IE7:"width:260px; position: absolute; #margin-left: 338px!important; "
Firefox:="width:260px; position: absolute; margin-left: 347px; "