如何從一個div中把一張圖片向左抽離出來
<style type="text/css">
.demo03{ width:458px;padding:20px;background-color: #EEF7FF;border:1px solid #CCC;margin-left:100px;}
/*把圖片向左抽出來,為什么下面語句實現不了??*/
.demo03 img{float:left;margin-left:100px}
.demo03 p{font-size:12px;line-height:25px}
.demo03 span{position:absolute;right:20px;top:10px;font-size:12px}
</style>
</head>
<body>??
<div class="demo03">
<img class="userPic" src="images/head01.jpg" width="50" height="50" />
<h5>櫻桃小丸子</h5>
<p>奧鵬教育是由教育部高等教育司2001年12月批準立項試點,2005年4月正式批準運營的遠程教育公共服務體系,為遍布全國的學員提供學歷(專升本,高起專)和非學歷教育咨詢、報名、學習輔導、課程考試、交費等7X24小時學習支持服務400-810-6736。</p>
<span class="pubTime">10分鐘前</span>
</div>
</body>
2016-05-25
margin-left:100px; ? 這個是改為margin:-20px 0 0 100px;?
因為這個圖片是在div中,而設置margin-left屬性是在div中移動。所以抽離不出來 ??
2016-06-19
如果你真的想抽離出來,那脫離文檔流吧,目前脫離文檔流有絕對定位。當然,雖然設置margin:20px 0 0 -20px,表面看起來圖片脫離了。并沒有脫離
2016-06-05
是margin-left:-100px???????
2016-05-25
我也只是猜測而已 ?圖片是在div中,而設置margin-left屬性是在div中移動,所以抽離不出來 ??