Edit in JSFiddle

<span id="span1">这是一个span。内容框高度超出了行内框高度，但对于布局木有影响。与spa2n元素的间距木有变化，但是由于内容框高度超出行内框高度致span2底部也会有灰色。同样下一行的背景也会盖住上一行内容</span><span id="span2">这是span2。</span>

#span1 {
    background-color: #ccc;
    padding-top:20px;
    padding-bottom: 20px;
    line-height: 10px;
}