css布局面试题

offsetWidth = (内容宽度 + 内边距 + 边框) 无外边距
            = 100 + 2*10 +1*2 = 122px
            
###### 如果 offsetWidth等于100
  设置div1的样式：box-sizing:border-box
  
#####   2、margin重叠问题
相邻元素的margin-top和margin-bottom会发生重叠，间距取最大值

##### 3、margin负值问题
margin-top负值会向上移动
margin-left负值会向左移动
margin-right负值，右侧元素左移，自身不受影响
margin-bottom负值，下侧元素左移，自身不受影响

##### 4、float布局
//圣杯布局和双飞翼布局技术总结
（1）都是用float布局
（2）两侧使用margin负值，以便和中间内容重叠
（3）防止中间内容被两侧覆盖，一个用padding，一个用margin