<!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>聊天窗口div布局</title>
<style type="text/css">
*{ margin:10px 0 0 0; padding:0;}
.im{float:left; margin:0px 10px 0px;}
.b{background:#3CF; float:left; padding:0px 20px 20px; width:460px; margin:0;}
.min{position:absolute; top:5px; right:30px;}
.w{width:600px; position:relative;}
.r{margin:15px 0 0;}
.im1{float:left; margin:0px 10px 0px;}
.b1{background:#3CF; float:left; padding:0px 20px 20px; width:460px; margin:0;}
.w1{width:600px; position:relative; top:15px;}
.min1{position:absolute; top:5px; right:30px;}
.r1{margin:15px 0 0;}
</style>
</head>
<body>
<div class="w">
<img class="im" src="images/460 (1).jpg" width="80px" height="80px" />
<div class="b">
<h4>TaoRWEB</h4>
<p> Nothing in life is to be feared. It is only to be understood. (Marie Curie) <br/>
生活中没有什么可怕的东西，只有需要理解的东西。(居里夫人)<br/>
At twenty years of age, the will reigns; at thirty, the wit; and at forty, the judgment. ( B. Franklin)<br/>
二十岁时起支配作用的是意志，三十岁时是机智，四十岁时是判断。(富兰克林)<br/>
</p>
</div>
<div class="min">10分钟前</div>
</div>
<div class="w1">
<img class="im1" src="images/460 (1).jpg" width="80px" height="80px" />
<div class="b1">
<h4>TaoRWEB</h4>
<p> Nothing in life is to be feared. It is only to be understood. (Marie Curie) <br/>
生活中没有什么可怕的东西，只有需要理解的东西。(居里夫人)<br/>
At twenty years of age, the will reigns; at thirty, the wit; and at forty, the judgment. ( B. Franklin)<br/>
二十岁时起支配作用的是意志，三十岁时是机智，四十岁时是判断。(富兰克林)<br/>
</p>
</div>
<div class="min1">10分钟前</div>
</div>
</body>
</html>