Question

DIv +CSS 高手进呀，有图（与浏览器之间的兼容性有关）

很诡异的一件事情： 用DIV+CSS设计的网页，在IE7，IE8 还有火狐下面显示十分正常，但是在IE6下面却出现了布局混乱，如图，现在不得已的情况下，也要把IE6下的效果调整成为正常，突然这么看，没有什么思路，能帮忙出出主意吗？

Answer 1

1.你有没有用FIX属性?IE6不支持FIX属性
2.IE6有一个MARGIN属性2倍的BUG,如果用FLOAT布局,可以把DIV的DISPLAY属性设置为inline,就能解决
3.IE6实在是垃圾垃圾垃圾,建议加入一段对IE6敬告的JS,并停止支持

Answer 2

初步认为是宽度溢出导致边栏下移，因为IE6的bug和本身的规则，是会出现这样的问题，你试试把中间两个宽度做小一点，IE6的CSS可以单独写。

Answer 3

应该就是以下两种情况。
第一种可能是楼上说的b或者c超过宽度了，ie6下超过宽度框将会被自动成大
第二种可能是b、c浮动后在添加有margin值，这是ie6下臭名昭著的双倍边距，解决方法在写有margin值得样式后针对ie写hack, _display：inline

Answer 4

很有可能是 b 或者 c 里面的内容超出了预设的宽度，又没有加overflow:hidden;

你加个hidden 试试先，不行你追问下。

Answer 5

中间右面的div加display：inline