-2
当我尝试修复页脚底部,修复页脚在页面
#footer{
position:fixed;
bottom:0;
}
我修复页脚在底部,但始终保持在屏幕的底部,怎么可以固定在上述内容的底部,使它可以调整大小的内容?
当我尝试修复页脚底部,修复页脚在页面
#footer{
position:fixed;
bottom:0;
}
我修复页脚在底部,但始终保持在屏幕的底部,怎么可以固定在上述内容的底部,使它可以调整大小的内容?
position:fixed
是相对于窗口。您需要将其更改为position: absolute
如果你想显示在窗口同时内容和页脚具有position:relative
一个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>
我不知道你想调整它哪些内容。你能发布一个更完整的例子吗? –
这是css 101的东西 –
您已经足够长的时间了解Stack如何用解决方案标记问题并解决问题,并且您拥有很多 –