关于Li的水平布局的总结

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下的默认高度不给力，在高度上和其他浏览器有差异。这个比较遗憾。