和老师相同的代码。第一种调试不出来,不知道样式什么地方出现了问题?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
body,p,h1,h2,h3,h4,h5,h6,form,ul,ol,hr{margin:0;padding:0;font:14px/1.5,normal,"Arial","sans-serif","微软雅黑","宋体","Tahoma";color:#666}
ul,ol{list-style:none}
.demo01{width:600px;position:relative}
.demo01.left{width:100px;float:left}
.demo01.left img{margin-left:20px}
.demo01.right{width:458px;padding:20px;float:right;background:#9CF;border:1px solid #CCC}
.demo01.right p{font-size:12px;line-height:25px;}
.demo01 span{position:absolute;right:20px;top:10px;font-size:12px}
</style>
</head>
<body>
<div class="demo01">
<div class="left">
<img src="545865b90001b1d102200220-220-220.jpg"
</div>
<div class="right">
<h6>哈哈</h6>
<p>这里面的内容是学习初学者的微博用户发言信息列表制作这里面的内容是学习初学者的微博用户发言信息列表制作这里面的内容是学习初学者的微博用户发言信息列表制作这里面的内容是学习初学者的微博用户发言信息列表制作这里面的内容是学习初学者的微博用户发言信息列表制作这里面的内容是学习初学者的微博用户发言信息列表制作</p>
<span>1分钟之前</span>
</div>
</div>
</body>
</html>