Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 显示无占用空间_Javascript_Html_Css_Masonry - Fatal编程技术网

Javascript 显示无占用空间

Javascript 显示无占用空间,javascript,html,css,masonry,Javascript,Html,Css,Masonry,我的分页导航有点问题,显示:无。当我检查inspect元素时,它不占用任何空间,但是由于某种原因,分页导航所在的位置,有一个不应该存在的空白 我尝试过添加溢出:隐藏、可见性:无、高度:0,但都不起作用 也许这和相对位置和绝对位置有关,我还不太明白 themeexp1.tumblr.com 编辑:这不是14px的利润,而是更大的利润 空位: HTML 没有演示很难说出您想要什么,但是底部有空间,因为您的.containerdiv有边距底部:14px 如果没有演示,很难说出您想要什么,但是底部有空间

我的分页导航有点问题,显示:无。当我检查inspect元素时,它不占用任何空间,但是由于某种原因,分页导航所在的位置,有一个不应该存在的空白

我尝试过添加溢出:隐藏、可见性:无、高度:0,但都不起作用

也许这和相对位置和绝对位置有关,我还不太明白

themeexp1.tumblr.com

编辑:这不是14px的利润,而是更大的利润 空位:

HTML


没有演示很难说出您想要什么,但是底部有空间,因为您的
.container
div有
边距底部:14px


如果没有演示,很难说出您想要什么,但是底部有空间,因为您的
.container
div有
边距底部:14px



请发布呈现的HTML,而不是模板代码。另外,一个jsFiddle.net示例在这里可能很有用。您检查了边距和填充吗?请给我们一个简单的例子?在这里我可以看到,“空白”是
.container
类的
边距底部:14px
。你是在说你的男装物品的重叠吗?不管是什么算法定位了所有
。container
元素可能没有考虑“隐藏”的原因元素。请发布呈现的HTML,而不是模板代码。另外,一个jsFiddle.net示例在这里可能很有用。您检查了边距和填充吗?请给我们一个简单的例子?在这里我可以看到,“空白”是
.container
类的
页边距底部:14px
。你是说你的mansonry项目重叠吗?不管是什么算法定位所有
。container
元素可能没有考虑“隐藏”元素。我知道,但它的空间要大得多:themeexp1.tumblr。com@user3906855我在任何地方都看不到巨大的空间哎呀!我会把这个移到最上面OP@user3906855问题可能出在
massy.js
,它似乎是如何加载图像的。@user3906855该图像似乎是绝对定位的,
1503px
。这个数字是如何确定的?如果它是通过massy.js确定的,那么这就是问题/答案所在。我知道,但它的空间要大得多:themeexp1.tumblr。com@user3906855我在任何地方都看不到巨大的空间哎呀!我会把这个移到最上面OP@user3906855问题可能出在
massy.js
,它似乎是如何加载图像的。@user3906855该图像似乎是绝对定位的,
1503px
。这个数字是如何确定的?如果是通过massy.js确定的,那么这就是问题/答案所在。
<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>
#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; 
}