显示none占用空间
Display none takes up space
我的分页导航显示:none有一些问题。当我检查inspect元素时,它不占用空间,但由于某种原因,在分页导航所在的地方,有一个不应该在那里的空白空间。
我试过添加溢出:隐藏,可见性:无,高度: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;
}
如果没有演示,很难告诉您想要什么,但是底部有空间,因为您的.container
div有margin-bottom: 14px;
。
例子小提琴
相关文章:
- 不带按钮的引导输入组文本占用一半空间
- 分区占用屏幕的总空间
- 如何使输入占用行中所有可用空间
- 动态隐藏列表中的元素,而隐藏的元素不会占用页面上的空白空间
- 在使用 jQuery 在鼠标悬停时淡入之前.如何让隐藏元素占用空间
- 如何使显示:无显示:块元素不占用其在DOM中的原始空间
- 在未占用空间中放置仪表板面板的算法
- 隐藏可见性会隐藏图像,但仍会显示隐藏元素占用的空间
- 面板在 ExtJs 中占用不必要的巨大空间
- 在磁盘上做一个JSON文件,当加载到内存中的var中时,会占用相同的空间
- 用js隐藏HTML表行<tr>从而不占用空间
- (选择)显示后仍占用空间的元素:无
- 在html中占用一些额外空间的标签
- ReCaptcha不是't用铬显示(或占用空间)
- 如何在不占用空间的情况下隐藏元素,同时还能响应事件
- 显示none占用空间
- 使用AngularJS的UI引导警报ng-hide会占用额外的空间
- 隐藏场占用空间
- 粘性导航条需要占用空间
- 如何阻止假定不可见的javascript占用空间