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

大家都没这个问题吗,设置完margin:-20px 0 0 -100px;图片飘出div后直接消失了,为什么?????????

css部分

<style type="text/css">

*{margin:0;padding:0;}

.wch{width:300px;padding:20px;background:#9CF;border:1px solid #ccc;margin:100px;position:relative}

img{width:50px;height:50px;float:left;margin:-20px 0 0 -30px;}

p{font-size:12px;line-height:25px;}

span{position:absolute;right:20px;top:20px;font-size:12px;}

</style>

就像是周围空白页面将图片盖住了一样,求大神,老师解答


正在回答

3 回答

我研究了好久,然后我终于找到问题原因了,原来是清除浮动的那个东西没有去掉,所以头像就浮动不起来。就是这个二货。

http://img1.sycdn.imooc.com//56fd162f0001671901970081.jpg

1 回复 有任何疑惑可以回复我~

我也遇到了同样的问题呀- -  解决问题了吗

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

超出范围肯定会盖住他啊    

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

qq_迷途海盜_0 提问者

那怎么解决呢
2015-08-17 回复 有任何疑惑可以回复我~
#2

EpisodeOne

怎么才能让图片显示啊
2015-10-01 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
网页简单布局之结构与表现原则
  • 参与学习       108319    人
  • 解答问题       375    个

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

进入课程

大家都没这个问题吗,设置完margin:-20px 0 0 -100px;图片飘出div后直接消失了,为什么?????????

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