div

Question

我有一个我不明白的问题。在父div中我有一个链接，我想填充完整的父宽度。

#changePassword {
    width:100%;
    height:5.28%;
    border-bottom:1px solid #a9aaa7;
    background:#3c3c3c;
}

#changePassword a {
    width:100%;
    height:100%;
    background:url(iconPassword.png) no-repeat;
    color:#FFF;
    font-size:1vw;
    text-decoration:none;
    padding-left:20%;
}

但只填写链接内的文字。我已经测试了这个宽度的边框。

Answer 1

锚点是内联元素，除其他外，它们只会与内容和水平填充一样大。

您可以通过更改CSS中的display属性来更改此设置。在这种情况下，您需要将其设置为block或inline-block。

More information on the display property

Answer 2

将display:block添加到a代码类

<强> DEMO