CSS 设计中firefox IE Chrome兼容问题

记录遇到的问题：

1.浮动IE产生的双倍距离参考http://hi.baidu.com/sucheng1031/blog/item/033bd726d1f1b11c918f9d0f.html
在IE下，当一个div设置了float后，然后给他设置margin，就会出现加倍的margin，解决的办法是给div设置 display:inline。
<div id=”float”></div>
相应的css为
#float
{
float:left;
margin:5px;/*IE下理解为10px*/
display:inline;/*IE下再理解为5px*/
}
Block元素的特点是:总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline元素的特点是:和其他元素在同一行上,...不可控制(内嵌元素);