Html 为什么不是'；该锚定标记是否会占用其父div 100%的可用空间？

我的理解让我相信，把一个

。关于我正在描述的问题，请参见页面顶部的导航

HTML:

我相信这是因为block元素里面没有内容。如果在锚定链接内添加字母，锚定链接将成为div宽度的100%

如果您添加宽度：100%和高度：100%，它将占用整个分区。
0的100%为0。您需要您的
div
才能拥有内容，然后：

a{
  display:block; height:100%; width:100%;
}

谢谢出于某种原因，我似乎记得我曾尝试添加
height:100%；宽度：100%之前添加到它，但它不工作。。。原来我只是个白痴。它工作得很好。谢谢你！
header {
    .site-section;
    height: 125px;

    div {
        float: left;
        position: relative;
        top: 10px;

        a {
            display: block;
        }
    }

    div:first-child {
        position: relative;
        top: 0px;
    }
}
.nav-aboutme, .nav-contactme, .nav-graphicdesign, .nav-homepage, .nav-miscartwork, .nav-webdesign, .shadow, .homepage-nav-aboutme, .homepage-nav-contactme, .homepage-nav-graphicdesign, .homepage-nav-miscartwork, .homepage-nav-webdesign, .logo{
    background: url(/resource/img/sprites.png) no-repeat;
}

.nav-aboutme {
    background-position: -81px -361px ;
    width: 76px;
    height: 105px;
    margin-right: 49px;
}

.nav-contactme {
    background-position: 0 -360px ;
    width: 76px;
    height: 105px;
}

.nav-graphicdesign {
    background-position: -79px -246px ;
    width: 89px;
    height: 105px;
    margin-right: 49px;
}

.nav-homepage {
    background-position: 0 -245px ;
    width: 76px;
    height: 105px;
    margin-right: 49px;
}

.nav-miscartwork {
    background-position: -79px -132px ;
    width: 85px;
    height: 105px;
    margin-right: 49px;
}

.nav-webdesign {
    background-position: 0 -132px ;
    width: 76px;
    height: 105px;
    margin-right: 49px;
}

a{
  display:block; height:100%; width:100%;
}