课程
/前端开发
/HTML/CSS
/网页布局基础
为什么任务2的margin-left是13，任务3的是790呢
2016-03-28
源自：网页布局基础 5-1
正在回答
建议使用subliemtext3有/是更标准，不是更安全。。
人物二的margin-left是123PX（110+13），不是13，任务三以此类推
任务2中，mid是浮动元素，由于浮动元素的外边距也不会合并，所以只要设置13px；如果去掉”float：left；“，由于块级元素的垂直相邻外边距会合并，因此还需要再加上左边的宽度，包括border，你可以试一试；同理任务3也要加上left和mid的宽度。
条件：一、left区域width:110px, border:1px; 二、mid区域的width:650px, border:1px;
mid区域与left区域相距13px, 所以mid区域margin-left:124px（110+1+13=124）；
right区域与mid区域相距17px, 而mid的width:650px, border:1px; 所以right区域margin-left:792px（124+650+1+17=792）；
过热冰
小丸子3189053 回复 过热冰
举报
让你精通CSS中三大定位机制，彻底掌握网页布局的相关知识
