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

</style>

<div>
<p>
? ?因?yàn)樗彩窍矚g編程和技術(shù)的家伙，于是，我讓他把他的一些學(xué)習(xí)Python和Web編程的一些點(diǎn)滴總結(jié)一下。于是他給我發(fā)來了一些他的心得和經(jīng)歷，我在把他的心得做了不多的增改，并根據(jù)我的經(jīng)歷增加了“進(jìn)階”一節(jié)。這是一篇由新手和我這個老家伙根據(jù)我們的經(jīng)歷完成的文章。
? ?我的這個朋友把這篇文章取名叫Build Your Programming Technical Skills，我實(shí)在不知道用中文怎么翻譯，但我在寫的過程中，我覺得這很像一個打網(wǎng)游做任務(wù)升級的一個過程，所以取名叫“技術(shù)練級攻略”，題目有點(diǎn)大，呵呵，這個標(biāo)題純粹是為了好玩。這里僅僅是在分享
? ?前言,你是否覺得自己從學(xué)校畢業(yè)的時候只做過小玩具一樣的程序？走入職場后哪怕沒有什么經(jīng)驗(yàn)也可以把以下這些課外練習(xí)走一遍（朋友的抱怨：學(xué)校課程總是從理論出發(fā)，作業(yè)項(xiàng)目都看不出有什么實(shí)際作用，不如從工作中的需求出發(fā)）
</p>
</div>
<img src="demo.jpg"/>

為什么外部需要包裹一層div，直接設(shè)置

p{

width:100%;

float:left;

margin-right:320px;

}

不能實(shí)現(xiàn)呢？