在这种情况下，精确的线高如何工作

Question

在这个问题positioning text of anchor within a div中给出了相同的代码，我在此重复：

HTML标记

<div id="header"> 
    <a href="cattle.html" class="current">Cattle Farms</a> 
</div> 

CSS样式

#header a { 
    width: 100%; 
    height: 100%; 
    display: block; 
    font-size: 25px; 
} 

答案

div#header a { 
    width: 100%; 
    height: 100%; 
    display: block; 
    text-indent: 20px; 
    line-height: 350px; 
} 

Fiddle

我的问题是为什么行高不能突破div

Answer 1

它确实打破了div。如果您在span标记内放置a并为其显示内联块（以及背景颜色以便您可以看到它），您就会意识到这一点。请记住，span继承了行高。看看：

http://jsfiddle.net/fnX9n/6/

给a一个更大的行高，没有任何其他东西，你也可以意识到它已经突破了div：http://jsfiddle.net/fnX9n/7/