哪個有問題？
!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>
?.demo{width:600px; position:relative;}
?.demo .left{width:100px; float:left;}
?.demo .left img{margin-left:20px;}
?.demo .right{width:458px; padding:20px; float:right; background:#333; border:1px solid #903;}
?.demo .right p{font-size:12px; line-height:25px;}
?.demo span{position:absolute; right:10px; top:10px; font-size:12px;}
?
?.demo1{width:458px; padding:20px; background:#CCC; border:1px solid #903; margin-left:100px; position:relative;}
?.demo1 img{ float:left;}
?.demo1 .right p{ font-size:12px; line-height:25px;}
?.demo1 span{ position:absolute; right:20px; top:10; font-size:12px;}
</style>
</head>
<body>
?<div class="demo">
? <div class="left">
? ?<img src="53f15b53000138df00000000/案例04 微博對話框/images/head02.jpg" />
? </div>
? <div calss="right">
? ?<h4>櫻桃小丸子</h4>
? ?<p>奧鵬教育是由教育部高等教育司2001年12月批準立項試點，2005年4月正式批準運營的遠程教育公共服務體系，為遍布全國的學員提供學歷(專升本，高起專)和非學歷教育咨詢、報名、學習輔導、課程考試、交費等7X24小時學習支持服務400-810-6736。</p>
? ?<span>10分鐘前</span>
? </div>
?</div>
?<br /><br />
?<div class="demo1">
? <img src="53f15b53000138df00000000/案例04 微博對話框/images/head01.jpg" />
? <h6>櫻桃小丸</h6>
? <p>奧鵬教育是由教育部高等教育司2001年12月批準立項試點，2005年4月正式批準運營的遠程教育公共服務體系，為遍布全國的學員提供學歷(專升本，高起專)和非學歷教育咨詢、報名、學習輔導、課程考試、交費等7X24小時學習支持服務400-810-6736。</p>
? <span>10分鐘前</span>
?</div>
</body>
</html>
2018-08-16
demo1? ? ? margin-left:100px;