为什么任务一是相对定位？怎么让mainbody处于标准文档流？

还有，任务二的宽度自适应设置绝对定位就行了吗？为什么？

For_

2016-04-26

源自：网页布局基础 4-6

关注问题我要回答

305

操作

收起

1 回答

wzdwbq
2016-04-27

①给mainbody设置相对定位position:relative后，mainbody仍然处于处于标准文档流中，设置relative的元素本身仍没有脱离文档流，还是处于标准文档流中的。

②宽度自适应，是因为它的包含快wrap设置了width:780px，而且sidebar设置了width:180px，而它本身content是绝对定位absolute,要求左外边距有20px，那么absolute的宽度width=780-(180+20)=580px。剩余的580px自然就是它的宽度了。