简单的调试问题

Question

我有两个html文件：索引和投资组合。他们使用相同的样式表。在索引中，两个div扩展到容器的整个宽度。但是在投资组合中，div只会延长<h6>。我无法弄清楚发生了什么以及可能会发生什么。

.container {
    padding-top: 35px;
    padding-left:18px;
    padding-right:18px;
    display:inline-block;
    font-size: 0px;
    overflow: hidden;
}
.spacer {
    height: 2px;
}
h6 {
    position:relative;
    font-family:"code_boldregular";
    font-size:18px;
    margin: 0px;
    top: 17.5px;
    text-align:center;
}
#link1 {
    position:relative;
    height: 52.5px;
    background-color: #545454;
    width: 100%;
}
#link2 {
    height: 52.5px;
    background-color: #545454;
    width: 100%;
}

<div class="container">

  <div class="spacer"></div>
  <div id="navlinks2">
    <div id="link1" class="smalllinks"><a id="homeLNK" href="index.html"><h6>Home</h6></a>
    </div>
    <div class="spacer"></div>
    <div id="link2" class="smalllinks"><a href="portfolio.html"><h6>Portfolio</h6></a>
    </div>
  </div>
  <div class="spacer"></div>
</div>