做web页面设计时莫名的发现最上面会出现一个横条，颜色为html的背景颜色，查了一些资料，发现是margin collapsing的问题，下面与大家分享下

最近在做web页面设计的时候，莫名的发现最上面会出现一个横条，颜色为html的背景颜色。本意是那一片空横条应该为header的背景色。查了一些资料，发现是margin collapsing的问题，记录下来，希望初学者少走弯路。 从问题说起 先给出demo的源码和截屏，给出一个直观的印象。代码如下: 复制代码代码如下: html { width: 100%; height: 100%; max-height: 100%; margin: 0px