Edit in JSFiddle

<div class="div1">我要这个覆盖住右边这个</div>
<div class="div2"></div>
<p>IE6,7有效达到效果,chrome杯具</p>
<div style="clear:both;"></div>
<div class="div3"></div>
<div class="div4"></div>
<p>而IE8+,CHROME正常,其他杯具- -!</p>
body {padding: 100px;font-size: 14px;}
div {width:100px;height: 100px;}
.div1 {background:#ccc;border: 1px solid #aaa;float: left;margin-right: -50px;position: relative;}
.div2 {border: 1px solid #000;background:#eee;}
.div3 {background:#ccc;border: 1px solid #aaa;float: left;}
.div4 {border: 1px solid #000;background:#eee;margin-left: 50px;}