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

在这个问题中，给出了我在这里重复的相同代码：

HTML标记

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

回答

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

---

我的问题是，为什么线条高度不能使div中的a中断。它确实会中断div。如果您将

span

放在

a

标记中，并给它一个内联块的显示（以及一个背景色，以便您可以看到），您会意识到它是这样做的。请记住，跨距继承线高度。看一看:

---

给

a

一个更大的线高度，没有其他任何东西，你也可以意识到它正在突破div:

@Paul Calabro:也许其他人可以想出更好的见解。在FF中使用没有span元素的Firebug查找它。Firebug显示a元素包含在div#header中，即使我给出了行高：500px；只是文字在移动。不是主播，我没有被警告你的评论。我太累了，现在回答。我明天回来。很抱歉但是，基本上，由于您在a元素上设置了特定的高度（显示块），因此不再是线条高度决定其高度-而是。。。嗯，高度。线条高度仍然有效，它不再决定元素高度，因为在设置高度时您选择了自己设置。

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