0

我的分页导航显示有问题：无。当我检查检查元素时，它不需要空间，但由于某种原因，在分页导航所在的位置，有一个不应该存在的空白空间。

我试过添加溢出：隐藏，可见性：无，高度：0，但它都没有工作。

也许这与位置相对和绝对有关，我还不太了解。

themeexp1.tumblr.com

编辑：这不是 14px 边距，而是更大的边距空白空间： http: //postimg.org/image/hiixhonoh/

HTML

<div id="content">

 <div class="container" id="{postID}">

  <div class="container-overlay"></div>

  <div class="photo inner">
    <a href="{permalink}">
      <img src="{block:indexpage}{PhotoURL-500}{/block:indexpage}{block:permalinkpage}{PhotoURL-HighRes}{/block:permalinkpage}" alt="{PhotoAlt}">
    </a>
  </div>
</div>

<nav id="pagination">
  <ul>
    {block:PreviousPage}<li><a href="{PreviousPage}">Previous page</a></li>{/block:PreviousPage}
    {block:NextPage}<li><a id="nextPage" href="{NextPage}">Next page</a></li>{/block:NextPage}
  </ul>
</nav>

</div>

CSS

#content{
margin: 0 auto;
position: relative;
}

.container{
margin-bottom: 14px;
}

.container-overlay{
width: 100%;
height: 100%;          
opacity: 0;
position:absolute;
}

.icons{
opacity: 0;
position: absolute;
left: 50%;
top: 50%;
width: 100%;
text-align: center;
}

#pagination{
display: none;
position: absolute; 
}
4

1 回答 1

5

没有演示很难说出你想要什么，但底部有空间，因为你的.containerdiv 有margin-bottom: 14px;.

示例小提琴

于 2014-08-04T17:30:28.430 回答