求帮忙看看我这里是哪里错了,为什么设置了绝对定位的div没有定位在父div里面

544093490001a2bd05000305.jpg

<!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>


TaoRWEB
浏览 1746回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP