中級的方法中，demo2的樣式設置了沒有反應，把demo1中的樣式去掉，就有了，看了下也沒有div嵌套錯誤，麻煩大家幫忙看一下，萬分感謝
.demo2{width:600px;position:relative;overflow:hidden}
.demo2 .right{width:448px;float:right;padding:20px;background-color:#f0e;border:1px solid #fff}
.demo2 span{position:absolute;top:10px;right:20px;font-size:12px)
.demo2 right p{font-size:12px;line-height:25px;margin-top:20px}
2016-11-27
<DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>練習</title>
<style>
*{padding:0;margin:0}
.demo1{width:600px;position:relative;overflow:hidden}
.demo1 .left{width:100px;float:left}
.demo1 .left img{margin-left:20px}
.demo1 .right{width:448px;float:right;padding:20px;background-color:#f0e;border:1px solid #fff}
.demo1 span{position:absolute;top:10px;right:20px;font-size:12px)
.demo1 right p{font-size:12px;line-height:25px;margin-top:20px}
.demo2{width:600px;position:relative;overflow:hidden}
.demo2 .right{width:448px;float:right;padding:20px;background-color:#f0e;border:1px solid #fff}
.demo2 span{position:absolute;top:10px;right:20px;font-size:12px)
.demo2 right p{font-size:12px;line-height:25px;margin-top:20px}
</style>
</head>
<body>
<div class="demo1">
<div class="left">
<img src="C:/Users/ltc/Desktop/img/50.jpg" atl="頭像"/>
</div>
<div class="right">
<h4>慢慢走總會到達的</h4>
<p>今天學了一個簡單的布局今天學了一個簡單的布局今天學了一個簡單的布局今天學了一個簡單的布局
今天學了一個簡單的布局今天學了一個簡單的布局今天學了一個簡單的布局今天學了一個簡單的布局今天學了一個簡單的布局今天學了一個簡單的布局今天學了一個簡單的布局
</p>
<span>10分鐘前</span>
</div>
</div>
<div class="demo2">
<img src="C:/Users/ltc/Desktop/img/50.jpg" atl="頭像"/>
<div class="right">
<h4>慢慢走總會到達的</h4>
<p>今天學了一個簡單的布局今天學了一個簡單的布局今天學了一個簡單的布局今天學了一個簡單的布局
今天學了一個簡單的布局今天學了一個簡單的布局今天學了一個簡單的布局今天學了一個簡單的布局今天學了一個簡單的布局今天學了一個簡單的布局今天學了一個簡單的布局
</p>
<span>10分鐘前</span>
</div>
</div>
</body>
</html>