有如下代码

 html


 <p>Holmes stretchespand out his hand for the manuscript and flattened it upon 
        his knee. “You will observe, Watson, the alternative use of the 
        long<p>

当对第一个字母应用样式时：

 css


 p::first-letter {
    font-family:times, serif; 
    font-size: 90px; 
    float:left; 
    border:1px solid; 
}

如图：

问题一：可以看到字母H的border宽为90px，高度却不是与H高度相当，这是什么原因？

为描述问题二，我将上面 font-size:90px 那行去掉，然后给o加上span标签，并应用以下样式：

 css


 span {
    font-family:times, serif; 
    border:1px solid; 
}

也即p和span唯一区别就在是否浮动，结果如果图：

问题二：为何两者border高度不同？