亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

如何從一個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>


正在回答

4 回答

margin-left:100px; ? 這個是改為margin:-20px 0 0 100px;?

因為這個圖片是在div中,而設置margin-left屬性是在div中移動。所以抽離不出來 ??


0 回復 有任何疑惑可以回復我~
#1

呢絨 提問者

那你有什么辦法可以把它抽離出來呢??我今早又把它改成 .demo03 img{float:left;margin:-20px 0px 0px -100px},,,,然后它又可以抽離出來了,為什么???我不太理解
2016-05-25 回復 有任何疑惑可以回復我~

如果你真的想抽離出來,那脫離文檔流吧,目前脫離文檔流有絕對定位。當然,雖然設置margin:20px 0 0 -20px,表面看起來圖片脫離了。并沒有脫離

0 回復 有任何疑惑可以回復我~

是margin-left:-100px???????

1 回復 有任何疑惑可以回復我~
#1

呢絨 提問者

為什么是負的,是什么意思?
2016-06-05 回復 有任何疑惑可以回復我~

我也只是猜測而已 ?圖片是在div中,而設置margin-left屬性是在div中移動,所以抽離不出來 ??

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
網頁簡單布局之結構與表現原則
  • 參與學習       108290    人
  • 解答問題       395    個

入門必殺技之結構與表現相分離,課程會有3個案例,不同角度講解

進入課程

如何從一個div中把一張圖片向左抽離出來

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號