sidebar在floatleft的情况下。
是左右分布的。这时候因为都有margin-top 2px，所以看起来是很整齐的。
但是如果去掉sidebar的float:left
那么sidebar就占满一行。width:100%
这时候float:right的menu的margin-top就会跟sidebar的margin-top叠加。变成4px.就会显示出，错位的效果。
如果这时候你把menu的margin-top设置成0.就又变得对齐了。你可以试一下
求采纳为满意回答。
这就一个兼容的问题：前面的区域<div1>浮动了(float:left)，后面的那个区域<div2>和前面的区域发生重叠并错位。
解决这个 兼容 的问题，只需要在<div2>元素的css代码中也加入“float:left”，问题就解决了。
我调试了一下，原因是这样的。sidebar在floatleft的情况下。
是左右分布的。这时候因为都有margin-top 2px，所以看起来是很整齐的。
但是如果去掉sidebar的float:left
那么sidebar就占满一行。width:100%
这时候float:right的menu的margin-top就会跟sidebar的margin-top叠加。变成4px.就会显示出，错位的效果。
如果这时候你把menu的margin-top设置成0.就又变得对齐了。你可以试一下
