CSS中，line-height与font-size关系

Question

html：

 <span class="span3">line-height</span>

CSS：

        .span3 {
            font-size: 1.2em;
            border: 5px solid #ccc;
            padding: 5px;
            margin: 5px; 
        }
        div {
            line-height: 50px;
            background-color: #efa;
        }

显示结果：

问题：为什么div显示的51px，而不是50px

Answer 1

line-height表示字体所占高度,font-size表示字体大小。对于你这个问题，如果在一个div放一个像span 这样的内联元素的话。默认的高度会比div小1px，如果你将span的display设置为block，就会相等