<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;

}

不能實現呢？