Question

干杯，我正在制作水平链接菜单。我使父div高度为46px，并希望实现总高度为46px的锚填充。

我该怎么做？

<div class="outside">
    <a href="#">FCC</a>
</div>
I'd like the green rectangle to fit inside parent div :)

.outside{
    width:100%;
    height:46px;
    background-color:red;
}

.outside a{
    float:left;
    text-decoration:none;
    background-color:green;
    padding-top:15px;
    padding-bottom:15px;
    font-size:16px;
}

有一些类似的问题，但没有一个包含填充（计算起来可能相当复杂）。

http://jsfiddle.net/T2Nqd/

注意：我希望链接保持在填充内部并且能够保持他的宽度大约200px左右

Answer 1

试试这个

.outside a {
    float: left;
    padding: 13px 0px;
    text-decoration: none;
    background-color: green;
    font-size: 16px;
}

Answer 2

你可以添加像这样的css代码

.outside a{
    line-height: 16px;
}

因为字体的高度不仅仅是16px，所以填充+字体＆＃39; height＆gt; 46px，所以你只需设置行高来解决这个问题。

如何使锚填充适合div内部

2 个答案: