                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /網(wǎng)頁簡單布局之結(jié)構(gòu)與表現(xiàn)原則

哪個有問題？

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<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月批準(zhǔn)立項試點，2005年4月正式批準(zhǔn)運營的遠(yuǎn)程教育公共服務(wù)體系，為遍布全國的學(xué)員提供學(xué)歷(專升本，高起專)和非學(xué)歷教育咨詢、報名、學(xué)習(xí)輔導(dǎo)、課程考試、交費等7X24小時學(xué)習(xí)支持服務(wù)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月批準(zhǔn)立項試點，2005年4月正式批準(zhǔn)運營的遠(yuǎn)程教育公共服務(wù)體系，為遍布全國的學(xué)員提供學(xué)歷(專升本，高起專)和非學(xué)歷教育咨詢、報名、學(xué)習(xí)輔導(dǎo)、課程考試、交費等7X24小時學(xué)習(xí)支持服務(wù)400-810-6736。</p>

? <span>10分鐘前</span>

?</div>

</body>

</html>