为了让代码能不换行显示，在css里加入了white-space:nowrap这个属性值，并让overflow为auto。结果，在IE和firefox下显示却不一致，昨晚花了几个小时时间查找资料，结果非常接近了，但还是不一样，简直让人抓狂。
问题是在于IE和firefox对div高宽的处理不一样，在上一段那样的修改后，IE总是把div撑大，页面变形，firefox则如预期的出现滚动条。于是就把代码这段的div宽度设为固定值，高度设定为auto，结果IE还是不正常，高度总是被吃掉一行。接着把overflow改成了scroll，这下IE正常了，可如果代码只有一行，在firefox下却默认的显示出两行来，有一行空白。我想砸显示器！
最后的不完美解决办法：
1.width:auto !important;
2.width:600px;
3.height:auto;
4.overflow-x:auto !important;
5.overflow-x:scroll;
上面这几行在IE和firefox里显示仍然是不同的，IE里总是显示x方向的scrollbar，firefox只有代码长度大于页面宽度时才显示。