兼容问题大杂烩&&浏览器的小bug

一.ie7下span浮动折行bug

ie:ie6 ie7 ie8(Q)

bug触发条件：非浮动的行内元素后相邻的浮动元素（span, b , i 均会如此），会折行放置在之前行内元素所在行框的底部。

示例代码如下：

html：

css：

页面效果

最佳解决方案：

从触发条件如手，把span元素（行内浮动元素）放在非浮动元素之前就好了