解决在IE6下使用display: inline-block;的不兼容性问题

网络整理 - 07-27

网页中用到了如下CSS样式:

使用不同的浏览器测试:

1. Chrome的渲染效果如下,最外面的div容器使用了panel样式,内部元素套用了item样式:

总结:float不仅仅是布局利器,也是改变行内元素为块元素的好方法。

最近弄页面,由于以前很少接触HTML,发现浏览器兼容性问题真是让人痛苦不堪啊,一遍遍的调CSS,一个浏览器一个样,IE6-IE9貌似就没有一个是兼容的,现在全球使用IE6的也就10.7%,IE6呀你快退出历史舞台吧。