css的margin collapsing导致最上面会出现一个横条

作者：佚名字体：[增加减小] 来源：互联网时间：2017-08-06

本文主要包含css,margin,collapsing等相关知识,佚名希望在学习及工作中可以帮助到您

最近在做web页面设计的时候，莫名的发现最上面会出现一个横条，颜色为html的背景颜色。本意是那一片空横条应该为header的背景色。查了一些资料，发现是margin collapsing的问题，记录下来，希望初学者少走弯路。

从问题说起
先给出demo的源码和截屏，给出一个直观的印象。代码如下:

您可能想查找下面的文章:

相关文章

2017-08-06让IE支持CSS3的不完全兼容方案
2017-08-06css(html)背景图优化合并技巧详解
2017-08-06CSS 网站性能优化笔记
2017-08-06php的动态页面在ie内核的浏览器下面整体偏左的解决方法
2017-08-06纯css实现的六边形(蜂窝)导航效果(支持hover/兼容浏览器)
2017-08-06css实例教程一款纯css实现的垂直时间线效果
2017-08-06针对主流浏览器的CSS-HACK写法及IE常用条件注释
2017-08-06该网站可能因黑客侵入而存在安全风险的解决方法
2017-08-06CSS垂直居中实现方法大全
2017-08-06一款利用css3的鼠标经过动画显示详情特效的实例教程