前端浏览器兼容性问题总结

1，margin-left两倍间距问题

解决：添加display：inline；

2，float：left问题

每次浮动以后会影响下面的元素，下面的元素需要使用clear：both来消除这个影响
解决：display：inline-block

3，display：inline-block不兼容IE6-7

解决：
首先，设置inline-block触发块元素，具有了layout的特性，然后设置display:inline使块元素呈现内联元素，此时layout的特性不会消失。
其次，直接设置display:inline，使用zoom:1触发layout。
兼容所有浏览器的方法是：
display:inline-block;
*display:inline;
*zoom:1;
未完待续。。。