两个div浮动之后没有合到一起请问是怎么回事？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.demo1 {width: 600px;border: 1px solid green}
.demo1 .left{width: 100px;border: 1px solid green}
.demo1 .right{width:500px;float:right;border: 1px solid green}
</style>
</head>
<body>
<div class="demo1">
<div class="left">
<img src="C:\Users\chester\Desktop\案例04 微博对话框\images\head01.jpg">
</div>
<div class="right">
<h6>Chester</h6>
<p>
奥鹏教育是由教育部高等教育司2001年12月批准立项试点，2005年4月正式批准运营的远程教育公共服务体系，为遍布全国的学员提供学历(专升本，高起专)和非学历教育咨询、报名、学习辅导、课程考试、交费等7X24小时学习支持服务400-810-6736。
</p>
<span>10分钟前</span>
</div>
</div>
</body>
</html>
