产生原因和解决方案:因为p是块级元素，由于p标签之间有空格和换行，而这些不可见的字符会导致块级元素出现间隙，因为他们是有浏览器的默认字体大小的，清除块级元素间隙的方法是，设置其字体大小为0，我们可以加上以下样式解决：

p {

font-size: 0px;

}

设置完成后button之间的空隙即可消除。