4-6编程练习中的任务位置有问题么?
我觉得题中给的任务位置有问题: 应该是添加:
body{position:relative}
siderbar{position:absolute}
content{margin-left:200px}
我觉得题中给的任务位置有问题: 应该是添加:
body{position:relative}
siderbar{position:absolute}
content{margin-left:200px}
2016-01-25
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)
举报