                        课程
                    
                        /前端开发
                        
                            /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>