Moming25's Labs

在做ECShop主题的过程中，碰到不少问题，大部分问题都是出现在各种不同浏览器的差异性！其中最怪异的要算是display:inline-block;

我想要的效果是这样的：

相同简单的一个效果，因为之前使用display:inline-block一直没有出现什么奇怪的效果，所以我在这里也使用这个语句（其实这种 等高的情况并不需要，最开始是自适应高度的，所以用上了），不过后来发现在IE6下出现了一个相当奇怪的问题，右边产品列表的div比正常情况多出了一个空白边，我这里是15px,以至于整个div就掉到下面去了。

因为对display:inline-block的属性没有足够了解，我只能重写这部分的CSS，最后发现是这个属性的问题。

刚刚搜索了一下相关的资料，才知道，IE8以下，firefox3以下都是不支持这个属性的，具体的解决办法我就不写太多了，列一些参考文章，做下笔记。

display:inline-block的深入理解
display:inline-block的应用两例
模拟兼容性的 inline-block 属性
跨浏览器的inline-block