求解 急急急
<style type="text/css">
*{margin:0;padding:0;}
.demo01{width:300px;overflow:hidden;}
.left{width:70px;border:1px solid black;float:left;}
.right{width:200px;border:1px solid blue;float:right;position:relative;background:#6FC;}
span{position:absolute;top:0;right:0;}
.demo02{width:300px;overflow:hidden;}
img{float:left;}
.right{width:200px;border:1px solid blue;float:right;position:relative;background:#6FC;}
span{position:absolute;top:0;right:0;}
.demo03{width:300px;border:1px solid blue;background:#6FC;margin-left:100px;position:relative;}
img{float:left;margin-left:-100px;}
</style>
</head>
<body>
<div class="demo01">
<div class="left">
<img src="../dreamweaver站点管理/09-014358_953.jpg" width="70" height="70" /> </div>
<div class="right">
<h4>樱桃小丸子</h4>
<p>牛皮越吹越大，本事越来越少;脾气越来越大，才气越来越少;胆量越来越大，度量越来越少;玩劲越来越大，干劲越来越少;权力越来越大，威信越来越小;架子越来越大，人格越来越小。</p>
<span>10分钟前</span>
</div>
</div>
<br/>
<div class="demo02">
<img src="../dreamweaver站点管理/09-014358_953.jpg" width="70" height="70" />
<div class="right">
<h4>樱桃小丸子</h4>
<p>牛皮越吹越大，本事越来越少;脾气越来越大，才气越来越少;胆量越来越大，度量越来越少;玩劲越来越大，干劲越来越少;权力越来越大，威信越来越小;架子越来越大，人格越来越小。</p>
<span>10分钟前</span>
</div>
</div>
<br/>
<div class="demo03">
<img src="../dreamweaver站点管理/09-014358_953.jpg" width="70" height="70" />
<h4>樱桃小丸子</h4>
<p>牛皮越吹越大，本事越来越少;脾气越来越大，才气越来越少;胆量越来越大，度量越来越少;玩劲越来越大，干劲越来越少;权力越来越大，威信越来越小;架子越来越大，人格越来越小。</p>
<span>10分钟前</span>
</div>
</body>
</html>
为什么我前两个没问题，到第三个就出现错误了呢？
