如何填充锚元素'；在html中，将高度设置为100%？

我已经创建了一个高度为50px的顶条，然后在其中创建了一个锚元素，锚元素的填充应该与顶条的高度一样精确

在主要浏览器中测试代码时，Firefox给出了锚元素顶部栏的精确像素高度，但在Chrome和IE中，结果为-1px。

HTML:

---

如何将锚元素的尺寸填充到div的高度？

我发现的技术是在

的顶部和底部使用
0
填充
，
以下是另一种方法：-

小提琴：

因为似乎没有人向您展示css属性：将以下内容添加到

如果有更好的方法，请回答。不，显示：块或内联块，并将其高度设置为100%，基本上可以解决问题。@Ruddy先生，您已经成为会员10个月了，却没有注意到这一点？blog.stackoverflow.com/2011/07/its-ok-to-ask-and-answer-your-own-questions@Daniel哦，天哪，让我看看。你问了一个很清楚答案的问题。有很多问题问的都差不多，为什么不试着使用搜索栏呢？如果你想知道是否有更好的方法，你应该在问题中加入你的想法，而不是在发布一个问题后仅仅50秒就创建一个答案。如果你发布了这篇文章，没有多少人回复你，那么你找到了一种方法，然后尽一切可能添加它作为答案，我相信你会投票支持它。先生，我已经搜索并找到了这篇文章，但是没有任何东西可以将锚元素的高度填充到100%，如果有，请链接到这里，这样我就可以看到它，我是HTML的新手，到目前为止，我在“可以问和回答你自己的问题”一文中读到，“如果你想公开记录，以便其他人（包括你自己）以后能找到”，如果你有任何误解，请纠正我。谢谢你的建议，但是框大小在Firefox上不太好，在Chrome和IE上也很好。。。我在那些浏览器上试过了…框大小应该适用于所有现代浏览器：。如果你使用的是旧版本的firefox，你需要添加moz后缀。唯一的缺点是它在IE7或更早版本中不起作用，但是我总是说惩罚愚蠢的ie用户@Martijn——ie7警告在2014年生效。如果你要删除它，那么也要删除moz后缀，因为现在所有现代浏览器都完全支持它。如果你完全正确的话，我想以前对IE的不喜欢会更强烈一些。还从答案中去掉了css
-moz
前缀：）我最好使用
高度：100%
，这样我就不必担心
填充顶部和
填充底部与顶栏尺寸的差异，但是这段代码非常适合固定容器值。我更喜欢
行高值的百分比。但是%占用更多内存缓存，而不是固定高度。哦，这对我来说是新鲜事，我不熟悉HTML。
<div > <a href="">Text Here</a> </div>

div {
    width: auto;
    height: 50px;
    background-color: #333;
}
a {
    padding: 10px;
    display: inline-block;
    font-size: 24px; /* Adjusting this would affect element block size */
    color: white;
    font-family:'Bebas Neue';
    background-color: #777;
}
a:hover { background-color: green; }

a {
    padding: 0 10px;
    display: inline-block;
    height: 100%;
    line-height: 200%;
}

a {
    height: 30px;/*changes here*/
    padding:10px;
    display: inline-block;
    font-size: 24px;
    color: white;
    font-family:'Bebas Neue';
    background-color: #777;
}

div {
    width: auto;
    height: 50px;
    background-color: #333;
}
a {
    padding: 0 10px;    
    height: 50px;
    line-height: 50px;
    display: inline-block;
}

height:100%;
box-sizing:border-box;