ie兼容問題

1.margin加倍的問題

設置爲float的div在ie下設置的margin會加倍。這是一個ie6都存在的bug。

解決方案：在這個div裏面加上 display:inline;

例如： <div id="imfloat"> 相應的css爲 #imfloat{ float:left; margin:5px;/*IE下理解爲10px*/ display:inline;/*IE下再理解爲5px*/}

2.浮動ie產生的雙倍距離

#box{ float:left; width:100px; margin:0 0 0 100px; /*這種情況之下IE會產生200px的距離, */ display:inline; /*使浮動忽略*/}

這裏細說一下block與inline兩個元素：

block元素的特點：總是在新行上開始，高度、寬度、行高、邊距都可以控制(塊元素)；

Inline 元素的特點：和其他元素在同一行上，不可控制(內嵌元素)。