1, li 即使在css-reset的作用下,如果display:inline的情况下,默认的宽高各浏览器不同:
Firefox: 7*17
IE8: 7*14
IE7: 11*14 (很不好看)
IE9: auto * auto(这个很奇怪,但是显示和IE8相同)
所以鉴于这种情况,我们自定义这个li的宽高吧。但是我们知道,我们display:inline就把它们当做内联元素了,宽高都不起作用。怎么办?
方案有二
A.(display:inline; line-height:Value+; margin:Value+; padding: Value+)
B. (display: inline-block; float:left; width:Value+ ; height:Value+; margin:Value+ ; padding:value+)我推荐使用B方案,兼容性更高。
至于第一种方案,我发现在IE7下的默认高度不给力,在高度上和其他浏览器有差异。这个比较遗憾。

