<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>相对参照元素进行定位</title>
<style type="text/css">
<head/>
<body>
<div class="demo01">
<div class="left">
<img src="F:/html/qcom.png"/>
</div>
<div class="right">
<p>第3种方式虽然减少了代码量，但是我并不赞同这种写法。第一是这样写结构不清晰，跟全用绝对定位没区别。
第二是不利于扩展，如果我以后要在图片下添加说明文字，我是不是得在写一个p往左溢出？</p>
<span>10分钟之前</span>
</div>
</div>
</body>
</html>
FSYu