为什么这段代码style标签里的设置对body标签里的内容没作用？
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
*{margin:0;padding:0;}
.demo01{background:#9EE2E8;width:600px;position:relative;margin:10px;}
.demo01.left{width:100px;float:left;}
.demo01.left img{margin-left:5px;border:2px solid;}
.demo01.right{width:500px;float:right;background:#EDE573;}
.demo.right span{position:absolute;right:20px;top:10px;font-size:12px;}
</style>
</head>
<body>
<div class="demo01">
<div class="left">
<img src="" />
</div>
<div class="right">
<span>10分钟之前</span>
<h6>喵大人</h6>
<p>绝对定位是建立在包含块为基础的定位，完全脱离了标准文档流，随即拥有了偏移属性和 Z-index属性。相对定位是指相对于自身原有的位置进行偏移，仍旧处于标准文档流中，随 即拥有偏移属性和Z-index属性。
</p>
</div>
</div>
</body>
</html>
