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

为什么我的代码总是不行呢!!!!!

http://img1.sycdn.imooc.com//58c8ddbc0001366015200426.jpg

http://img1.sycdn.imooc.com//58c8ddbd0001e65b13320928.jpg

我复制别人的就可以?自己敲的就不行!!!!怎么回事?

正在回答

3 回答

同学建议你好好看看视频 当没有设置父元素的时候 对子元素设置absolute默认在左上角 但是现在设置了父元素 因为div本身是块级元素 并且你没有对right块设置浮动 所以right块正常应该在左面两块的下面 因为你设置了margin-left=790px 所以现在才是你看到的挨着右边的位置 你只有设置一个top:0;才能使right挨着上边。

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

咖啡学者 提问者

非常感谢!
2017-03-20 回复 有任何疑惑可以回复我~

*{margin:0; padding:0;}

#wrap{width:970px; margin: 0 auto}

#mainbody{position: relative; margin-top:15px;}

#left{width:110px; float: left;border:1px solid #999;}

#mid{float: left; width:650px;border:1px solid #999;margin-left: 13px;}

#right{position: absolute;top: 0;margin-left:790px; border:1px solid #999;}


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

我发现问题了,我原来忘记设置top:0;但是为什么要加上这个。以父类mainbody作为基准参照,right不是出现在父类的左上角吗?为什么还要设定top:0;

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

举报

0/150
提交
取消
网页布局基础
  • 参与学习       214707    人
  • 解答问题       1756    个

让你精通CSS中三大定位机制,彻底掌握网页布局的相关知识

进入课程

为什么我的代码总是不行呢!!!!!

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