<style>
   div{
       float:left;
       width:100%;
   }
   p{
       margin-right:320px;
   }
   img{
       float:left;
       width:300px;
       margin-left:-300px;
   }

</style>

<div>
<p>
   因为他也是喜欢编程和技术的家伙，于是，我让他把他的一些学习Python和Web编程的一些点滴总结一下。于是他给我发来了一些他的心得和经历，我在把他的心得做了不多的增改，并根据我的经历增加了“进阶”一节。这是一篇由新手和我这个老家伙根据我们的经历完成的文章。
   我的这个朋友把这篇文章取名叫Build Your Programming Technical Skills，我实在不知道用中文怎么翻译，但我在写的过程中，我觉得这很像一个打网游做任务升级的一个过程，所以取名叫“技术练级攻略”，题目有点大，呵呵，这个标题纯粹是为了好玩。这里仅仅是在分享
   前言,你是否觉得自己从学校毕业的时候只做过小玩具一样的程序？走入职场后哪怕没有什么经验也可以把以下这些课外练习走一遍（朋友的抱怨：学校课程总是从理论出发，作业项目都看不出有什么实际作用，不如从工作中的需求出发）
</p>
</div>
<img src="demo.jpg"/>

为什么外部需要包裹一层div，直接设置

p{

width:100%;

float:left;

margin-right:320px;

}

不能实现呢？