关于在两个div中加入h1

Question

在两个div中加入h1标签，为什么两个div之间产生一段距离呢？

Answer 1

h1              { font-size: 2em; margin: .67em 0 }

上面是默认样式，也就是说h1有默认的margin。你这里中间有空白是因为h1的margin溢出到div外面去了。
把h1的margin设置为0便可以取消这段空白了。

需要注意的是，把div的溢出设置为hidden，那么div的高度没有设置的时候，高度也包含h1的margin。因此如果背景色是设置在h1上，那么也会看到空白，如果把背景色设置在div上面，再设置overflow:hidden的话，那么也可以取消这段空白。

Answer 2

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, p, blockquote, th, td, select {
  margin: 0;
  padding: 0;
}