课程
/前端开发
/HTML/CSS
/如何用CSS进行网页布局
第16行代码任务四处填写margin：600px 0 0 0能实现与clear：both相同的效果，但是不应该是100（head）+600(main)=700px吗？求教
2016-11-23
源自：如何用CSS进行网页布局 5-2
正在回答
margin并不是相对于窗口，而是相对于自身，举个栗子
榴莲，外面的刺可以理解为margin（外边距），皮的厚度可以理解为padding（内填充/内边距）
第一个盒子head-高度100px
第二个盒子main（浮动）-高度600px
第三个盒子footer，margin-top:600px;（相当于自身的刺为600px，拉开了与第一个盒子的距离）
head的高度不用加，因为不加的时候刚好是顶着head，要增加的高度只是left，right的高度600px
暮女神 提问者
stone310 回复 暮女神 提问者
暮女神 提问者 回复 stone310
举报
用最简洁的案例教你布局的那些知识，这是前端工程师基本技能
