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

4-6编程练习中的任务位置有问题么?

我觉得题中给的任务位置有问题: 应该是添加: 

body{position:relative}

 siderbar{position:absolute} 

content{margin-left:200px}

正在回答

2 回答

siderbar是一个固定宽度的块级元素。。mainbody是sidebar和content的父级元素。现在siderbar的位置已经位于mainbody的左侧了(是想要的效果了)。那么因为siderbar是块级元素。要独占一行(虽然它的宽度小于整个页面的宽度,但是它还是要独占那一整行)。所以需要解决的问题是怎么让mianbody中的content层位于sidebar层的右边。并且和mainbody有一个20px的间距。所以要给mainbody设置relative相对定位,并且把content层定位到与mainbody层的顶部没有偏移(top:0;)再给content层一个左margin为200px(margin-left:200px; 200px是这样算出来的,siderbar宽度为180px;content层需要和siderbar有20px的间距,所以180px+20px=200px)

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

喋喋宝 提问者

非常感谢!
2016-02-15 回复 有任何疑惑可以回复我~

你这个理解完全错了。他并不是相对于body来进行对位的,你为什么要把relative放在body上呢?他是相对于上面的nav导航进行的定位,定位是top:0   也就是紧挨着他下面。。。然后再设置一个margin-left:200px  是因为左边bar是180PX, 还要有个20PX的间隙啊

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

举报

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

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

进入课程

4-6编程练习中的任务位置有问题么?

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号