固定位置外边距重叠

两个div,同级，第二个有外边距，第一个没有，给第一个设置fixed，但是没有top值，显示的效果如下

可以看到第一个div脱离文档流，但是总是跟着第二个div

这是因为第一个div脱离文档流以它的父元素body来定位，但是父元素body和子元素第二个div都有外边距就会发生外边距重叠，通常外边距合并的距离为两者中最大的那一个，所以最后的外边距是和第二个外边距一样的

解决的办法有两种：

①设置完position:fixed之后，设置top的值

②通常给父元素设置margin，给子元素设置padding;