每種瀏覽器對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; "