为了账号安全,请及时绑定邮箱和手机立即绑定

如何从一个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
提交
取消
网页简单布局之结构与表现原则
  • 参与学习       108319    人
  • 解答问题       375    个

入门必杀技之结构与表现相分离,课程会有3个案例,不同角度讲解

进入课程

如何从一个div中把一张图片向左抽离出来

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信