浏览器默认行高各不相同，一般范围在16px~21px之间。
例子：
复制代码
<header class=”sub-hd”>
<div class=”tit”>应用信息</div>
</header>
header.sub-hd{
position:relative;
/*height:40px;*/
height:21px;
padding:9px 0;
background-image:-moz-linear-gradient(top, #13b9fd, #0183c3);
background-image:-o-linear-gradient(top, #13b9fd, #0183c3);
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#13b9fd),color-stop(1,#0183c3));
box-shadow:inset 0 1px 4px #6cd5ff;
-moz-box-shadow:inset 0 1px 4px #6cd5ff;
-webkit-box-shadow:inset 0 1px 4px #6cd5ff;
text-align:center;
font-size:15px;
background-color:#099ddf;/*opera mobile不支持渐变的折中方案*/
}
header .tit{
-webkit-box-sizing:border-box;
position:absolute;
left:50%;
width:150px;
/*height:39px;line-height:39px; */
line-height:21px;
margin-left:-75px;
color:#fff;
text-shadow:0 1px 0 #333;
font-weight:bold;
overflow:hidden;
font-size:18px;
}
当然这种办法并不是最佳的解决途径，只是权宜之计。最好还是采用上面的优先级设定，通用。
还是有问题！
先来温习一下line-height属性可能的值：
normal，默认。
number 数字，此数字会与当前的字体尺寸相乘来设置行间距。
length 设置固定的行间距。单位em，px，pt等等。
百分比% ，基于当前字体尺寸的百分比行间距。
inherit ，规定应该从父元素继承 line-height 属性的值。
line-heignt不能是负数，line-height 属性设置行间的距离（行高）。会影响行框的布局。在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。
line-height 与 font-size 的计算值之差（在 CSS 中成为“行间距”）分为两半，分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。
原始数字值指定了一个缩放因子，后代元素会继承这个缩放因子而不是计算值。
行高指的是文本行的基线间的距离。而基线（Base line），指的是一行字横排时下沿的基础线，基线并不是汉字的下端沿，而是英文字母x的下 端沿，同时还有文字的顶线（Top line）、中线（Middle line）和底线（Bottom line），用以确定文字行的位置
行高与字体尺寸的差称为行距（leading）
使用行高代替高度避免haslayout：在某些情形下，line-height可以和height互换，因为实现的效果一样。都能撑开一个高度，然而这两个css属性有一个较隐蔽的差异，就是使用height会使标签haslayout，而使用line-height则不会。以前只有IE6的时候曾流行使用height清除浮动，就是利用了IE下height使haslayout的属性。但有时候，haslayout并不需要，反而要避免。
