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

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

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

这恐怕和div里面的span元素有关，span的font-size的1.2em实际的绝对大小是多少px啊？

LZ要搞清楚每个css的意思，比如em单位是相对父级元素 span不能设置margin等