2016-12-06 78 views
-2

当我尝试修复页脚底部,修复页脚在页面

#footer{ 
position:fixed; 
bottom:0; 
} 

我修复页脚在底部,但始终保持在屏幕的底部,怎么可以固定在上述内容的底部,使它可以调整大小的内容?

+1

我不知道你想调整它哪些内容。你能发布一个更完整的例子吗? –

+0

这是css 101的东西 –

+1

您已经足够长的时间了解Stack如何用解决方案标记问题并解决问题,并且您拥有很多 –

回答

0

position:fixed是相对于窗口。您需要将其更改为position: absolute如果你想显示在窗口同时内容和页脚具有position:relative

0

一个div容器里面,你可以使用overflow-y:scroll,你可以修复在页面底部的页脚使用**position:fixed;**

html,body{ 
 
    width:100%;height:100%; 
 
    } 
 
div{ 
 
    width:100%; 
 
    background-color:red; 
 
    height:80%; 
 
    overflow-y: scroll; 
 
    } 
 
footer{ 
 
    width:100%; 
 
    position:fixed; 
 
    bottom:0; 
 
    background-color:yellow; 
 
    height:20%; 
 
    }
<div id="content"> 
 
afsal khan added user andaman naveen on Nov 21st U added user afsal khan on Nov 7th D deleted User afsal on Nov 7th U added user afsal on Friday U added user afsal on Thursday L afsal khan added a new Template 'Flatkit' on Thursday L afsal khan added a new Template 'Elite Green' on Thursday L afsal khan added a new Template 'Elite Blue' on Thursday U afsal khan added user dsaaa on Tuesday U added user afsal khan on Oct 28th more afsal khan added user andaman naveen on Nov 21st U added user afsal khan on Nov 7th D deleted User afsal on Nov 7th U added user afsal on Friday U added user afsal on Thursday L afsal khan added a new Template 'Flatkit' on Thursday L afsal khan added a new Template 'Elite Green' on Thursday L afsal khan added a new Template 'Elite Blue' on Thursday U afsal khan added user dsaaa on Tuesday U added user afsal khan on Oct 28th more afsal khan added user andaman naveen on Nov 21st U added user afsal khan on Nov 7th D deleted User afsal on Nov 7th U added user afsal on Friday U added user afsal on Thursday L afsal khan added a new Template 'Flatkit' on Thursday L afsal khan added a new Template 'Elite Green' on Thursday L afsal khan added a new Template 'Elite Blue' on Thursday U afsal khan added user dsaaa on Tuesday U added user afsal khan on Oct 28th more 
 
    afsal khan added user andaman naveen on Nov 21st U added user afsal khan on Nov 7th D deleted User afsal on Nov 7th U added user afsal on Friday U added user afsal on Thursday L afsal khan added a new Template 'Flatkit' on Thursday L afsal khan added a new Template 'Elite Green' on Thursday L afsal khan added a new Template 'Elite Blue' on Thursday U afsal khan added user dsaaa on Tuesday U added user afsal khan on Oct 28th more 
 

 
</div> 
 
<footer>footer here</footer>