段落大小差异之间的差距答案

【问题标题】：Gap between difference in paragraph size段落大小差异之间的差距
【发布时间】：2013-07-22 19:05:07
【问题描述】：

基本上，我想消除这两段之间的差距。我意识到这是一个非常缺乏经验的问题，但我无法弄清楚如何。

代码如下：

html:

<p id='big'>
Big Text
</p>
<p id='small'>
Small Text
</p>`

css:

#big
{
font-size:100px;
}
#small
{
font-size:20px;
}

【问题讨论】：

【解决方案1】：

只需给他们margin: 0，看看：http://jsfiddle.net/BE4sy/2/

【讨论】：

【解决方案2】：

设置边距会改变间隙：

p { margin:0; }

【讨论】：

【解决方案3】：

使用此代码更改您的css

#big
{
   font-size:100px;
   padding:0;
   margin:0;
}
#small
{
   font-size:20px;
}

【讨论】：

【解决方案4】：

尝试设置

#big
{
    font-size:100px;
    line-height:0px;
}
#small
{
    font-size:20px;
    line-height:0px;
}
p { margin:0; }

【讨论】：