為何代碼一樣，顯示的卻不一樣呢？？
<style>
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin: 0;padding: 0;list-style: none;font:12px/1.5 "Arial", "sans-serif", "微軟雅黑", "宋體", "Tahoma"}
.demo01{ width:600px; overflow:hidden;}
.demo01 .left{width:100px;float:left;}
.demo01 .left.img{margin-left:10px;}
.demo01 .right{width:458px; padding:20px; float:right; background:#9cf; border:1px solid #ccc;}
.demo01 .right .p{font-siz:12px; line-height:25px;}
.demo01 span{ position:absolute; right:20px; top:10px; font-size:12px;}
.demo02{ width:600px; position:relative; overflow:hidden;}
.demo02 img{ float:left; margin-left:10px;}
.demo02 .right{width:458px; padding:20px; float:right; background:#9cf; border:1px solid #ccc;}
.demo02 .right .p{font-siz:12px; line-height:25px;}
.demo02 span{ position:absolute; right:20px; top:10px; font-size:12px;}
.demo03{width:458px; padding:20px; background:#9cf; border:1px solid #ccc; margin-left:100px; position:relative;}
.demo03 img{ float:left; margin:-20px 0 0 -100px; }
.demo03 p{font-siz:12px; line-height:25px;}
.demo03 span{ position:absolute; right:20px; top:10px; font-size:12px;}
</style>
</head>
<body>
<div class="demo01">
<div class="left">
? ? <img src="UI界面/作業(yè)/tu/icon 2.png" ?width="80px"; height="80px"/;>
? ? </div>
? ??
? ? <div class="right">
? ? <h6>櫻桃小丸子</h6>
? ? ? ? <p>試了試下載下來的源代碼，通過縮放頁面大小模擬屏幕分辨率的效果，發(fā)現(xiàn)初級方法會發(fā)生錯位，下面兩種沒有。然后高級方法就是擴展的問題，所以我還是比較擁護中級做法。試了試下載下來的源代碼，通過縮放頁面大小模擬屏幕分辨率的效果，發(fā)現(xiàn)初級方法會發(fā)生錯位，下面兩種沒有。然后高級方法就是擴展的問題，所以我還是比較擁護中試了試下載下來的源代碼，通過縮放頁面大小模擬屏幕分辨率的效果，發(fā)現(xiàn)初級方法會發(fā)生錯位，下面兩種沒有。然后高級方法就是擴展的問題，所以我還是比較擁護中</p>
? ? ? ? <span>10分鐘之前</span>
? ? </div>
</div>
<br />
<br />
<div class="demo02">
? ? <img src="UI界面/作業(yè)/tu/icon 2.png" ?width="80px"; height="80px"/;>
? ? <div class="right">
? ? <h6>櫻桃小丸子</h6>
? ? ? ? <p>試了試下載下來的源代碼，通過縮放頁面大小模擬屏幕分辨率的效果，發(fā)現(xiàn)初級方法會發(fā)生錯位，下面兩種沒有。然后高級方法就是擴展的問題，所以我還是比較擁護中級做法。試了試下載下來的源代碼，通過縮放頁面大小模擬屏幕分辨率的效果，發(fā)現(xiàn)初級方法會發(fā)生錯位，下面兩種沒有。然后高級方法就是擴展的問題，所以我還是比較擁護中試了試下載下來的源代碼，通過縮放頁面大小模擬屏幕分辨率的效果，發(fā)現(xiàn)初級方法會發(fā)生錯位，下面兩種沒有。然后高級方法就是擴展的問題，所以我還是比較擁護中</p>
? ? ? ? <span>10分鐘之前</span>
? ? </div>
</div>
<br />
<br />
<div class="demo03">
<img src="UI界面/作業(yè)/tu/icon 2.png" ?width="80px"; height="80px"/;>
? ? <h6>櫻桃小丸子</h6>
? ? <p>試了試下載下來的源代碼，通過縮放頁面大小模擬屏幕分辨率的效果，發(fā)現(xiàn)初級方法會發(fā)生錯位，下面兩種沒有。然后高級方法就是擴展的問題，所以我還是比較擁護中級做法。試了試下載下來的源代碼，通過縮放頁面大小模擬屏幕分辨率的效果，發(fā)現(xiàn)初級方法會發(fā)生錯位，下面兩種沒有。然后高級方法就是擴展的問題，所以我還是比較擁護中試了試下載下來的源代碼，通過縮放頁面大小模擬屏幕分辨率的效果，發(fā)現(xiàn)初級方法會發(fā)生錯位，下面兩種沒有。然后高級方法就是擴展的問題，所以我還是比較擁護中</p>
? ? <span>10分鐘之前</span>
</div>
</body>
</html>
2016-04-06
demo1的最外面的盒子 你沒有設置定位 所以時間跑后面了
.demo01 .left.img{margin-left:10px;}????錯了? demo01 .left img img前面沒有點。。
demo3的 .demo03 img{ float:left; margin:-20px 0 0 -100px; } 你把-100px 改改 我是該成-110px就ok了