ibeautiful
你遇到的这个问题是因为你的header中有个图片<img>，<img>元素默认是内联元素，这涉及到行内格式化的相关知识。当图片尺寸较大，要撑开容器元素时，就会看到这个间隙。那么这个间隙是怎么来的呢？简单地说，打个比方吧，就像字母abc，在一行文字中默认是按基线(baseline)来对齐的，字母与行的底端之间是有间隙的。这就是你的图片下面所见的间隙。知道问题所在，解决方案就有了，比如可以让图片显示为块级元素1img { display: block; }还可以让图片对齐于行底或垂直居中1img { vertical-align: bottom; }1img { vertical-align: middle; }等等很多方式都可以消除你所见到的间隙，具体选用哪个，还要看你的布局需要。