粘页脚涵盖内容

-4

我有内容隐藏页脚背后的问题。我看到，如果我从固定继承改变位置，它会有所帮助，但页脚将位于页面的底部。我希望始终看到页脚，并且只能滚动正文内容。粘页脚涵盖内容

我们使用AngularJS和Bootstrap

来源

2017-09-26 Nick van Bruggen

您是Kingsman或NSA的一部分吗？ –

_“首先，我不能共享任何代码，因为这是一个‘秘密’项目” _ - 所以你的选择是，要么你解决它在内部和“秘密”为好;或者您提供[mcve] - 必要时将内容匿名化。（或者，当然了，你可以去雇人，将签署一份保密协议...） – CBroe

不要忘了，你使用的是什么是自由和开放源码..所以没有什么秘诀显示HTML/CSS代码 –

你必须让你的身体x的margin-bottom像素，其中x是页脚（或多或少）的高度。

来源

2017-09-26 08:49:31

更好地利用'浸轧bottom'，而不是'保证金bottom'，当你正在设置任何背景，内容/体。 –

尝试设置你粘页脚的高度为padding-bottom您最后的内容DIV，这有助于展现您的内容。检查下面的代码片段以供参考。

.last-content{ 
 
    margin-top:500px; 
 
    padding-bottom: 50px; 
 
} 
 
.footer{ 
 
    position:fixed; 
 
    bottom:0; 
 
    width:100%; 
 
    height:50px; 
 
    text-align: center; 
 
    background-color:#ccc; 
 
}

<div class="parent"> 
 
    <div class="content">Some content goes here 
 
    <div class="last-content"> 
 
     you last content 
 
    </div> 
 
    </div> 
 
    <div class="footer"> 
 
    sticky footer 
 
    </div> 
 
</div>

来源

2017-09-26 08:52:41

首先，测量你的身高页脚。然后是页脚高度padding-bottom添加到您的身体。假设您的页脚的高度为100像素，然后添加以下内容：

body{ 
    padding-bottom:100px; 
}

或者你也可以添加空白格到你页面的底部将含有相同的页脚高度。

来源

2017-09-26 08:54:38 kravisingh

粘页脚涵盖内容

回答

相关问题