大学时光

是这样，由于左栏与右栏都是用Float布局的，当任何一栏中的内容宽度大于该栏设定的宽度（比如有一幅大图片），IE浏览器将强行扩充该栏的宽度以容纳其内容。这也就是为什么在IE里当前这个页面的右边栏被挤到下面去了——左栏宽度被扩充后与右栏宽度相加已经大于Container的宽度。



然后Firefox没有这么霸道，他对Div的Overflow属性的默认值可能有特别的理解或者什么别的，总之，Firefox不会强奸设计者的意愿自行修改Div宽度，即使内容宽度超过容器的设定宽度。但同时Firefox对一个没有标点、空格的长文字行（如你Blog上的序列号）不能自动断行，所以这行有多长，Firefox就能显示多长，而IE会在一行达到其所在容器宽度时强行断行——如果不断的话，右侧栏又要被挤下去了，可惜图片没法断 :b



这也就是为什么我推荐目前暂时通过在content里加上overflow:hidden的CSS设置来作为解决办法——不完美，但是至少可以使IE和Firefox中的浏览效果一致，但缺点是隐藏的内容你无法读到了，我这两天会再研究一下这个问题，看看能不能找到什么更好的解决办法。