CSS布局中的外边距问题

Question

最终效果及各部分的名称如下图所示：

 

 

任务

任务1：请在右侧编辑器中补全代码，实现页面自动居中布局，要求#wrap顶部和底部与浏览器无间距；

任务2：请在右侧编辑器中补全代码，使用浮动实现#left和#mid横向两列排版，并且两者之间有13px间距;

任务3：请在右侧编辑器中补全代码，使用position定位方法实现#right的自适应宽度横向排版，且它与#mid之间的间距为17px。

      外边距是指两个元素之间的距离，既然这样的话，为什么在任务2中的#mid的margin-left的属性值不是13px而是123px，任务3同问？