                        課程
                    
                        /前端開發
                        
                            /HTML/CSS
                        
                        /網頁簡單布局之結構與表現原則

第三種方法我的圖片浮動不出

我的蠢貨代碼如下

<style>

.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-size:12px; line-height:20px}
.demo03 span{position:absolute;right:20px;top:10px;font-size:12px}

</style>

<body>

<div class="demo03">
???? <img src="images/002xao6L3n9l4w.jpg"/>
???? <p>網站重構隨著這個概念的出現，也帶來了div結構的流行，因此也就出現了我們現在口頭常說的"div+css做網站"。單從
這個div+css的叫法來分析，就可以了解到css已經被大家用在了頁面布局上。但一個網頁不只是有控制div就控制了全面，還有其他很多html標記，以前用table布局的頁面，一樣可以用css來控制它。</p>
??? <span>十分鐘之前</span>
</div>

</body>