这段时间一直在调整网站，包括取消文章列表、CSS sprites，包括调整右上角的一些小图标的位置，把原来的单列变成双列。把单列变双列本来很容易，只要在相应的li中增加一个float:left，再把文字长度缩短就可以了，即使加上后面的图标，在opera/chrome、IE8/9等浏览器中都没问题，唯一有问题的可能是IE7以下的IE浏览器，如果在IE8中用兼容视图查看就会发现（不用问，在IE6中也会是这样了），图标跑到文字下一行的右边（图标设置的是float:right），即使给li加上宽度限制，也不能让文字与图标并在一行，最多让图标回缩一些距离。
最后试了position:absolute，加到图标的a标签属性上才解决了这个布局上的兼容问题。说实话，我还是不大理解position的几个类型值的含义，是一个一个值拿去试的，最后试出来absolute，虽然absolute在某些特定条件下等于fixed，但用fixed试了不行，只有absolute才解决浏览器的兼容问题。
>> 除非说明均为原创，如转载请注明来源于http://www.stormcn.cn/post/1111.html
