Css 调整大小时,将页脚放在按钮处,而不隐藏页面内容

Css 调整大小时,将页脚放在按钮处,而不隐藏页面内容,css,Css,我希望页脚粘贴在页面的按钮处,我添加了:buttom:0px并使其位置:固定,但当我调整窗口大小时,页脚会隐藏其他内容(我希望它保持在底部): 我还尝试了位置:static但随后会更改所选高度: 此处代码: footer { font-size: 14px; color: gray; border-top: 1px solid #2672fb; bottom: 0px; width: 100%; height: 2.5rem; posit

我希望页脚粘贴在页面的按钮处,我添加了:
buttom:0px并使其
位置:固定,但当我调整窗口大小时,页脚会隐藏其他内容(我希望它保持在底部):

我还尝试了
位置:static但随后会更改所选高度:

此处代码:

footer {
    font-size: 14px;
    color: gray;
    border-top: 1px solid #2672fb;
    bottom: 0px;
    width: 100%;
    height: 2.5rem;
   position:static;
}
<body>
<div>
...
</div>
<footer>
  <p>Lorem ipsum dolor ...</p>
</footer>
</body>
页脚{
字体大小:14px;
颜色:灰色;
边框顶部:1px实心#2672fb;
底部:0px;
宽度:100%;
高度:2.5雷姆;
位置:静态;
}
...
洛雷姆·伊普苏姆·多洛


有一个包装元素,包含除页脚以外的所有内容。它的负边距等于页脚的高度。 !-- 开始代码段:js hide:false控制台:true babel:false-->

html,正文{
身高:100%;
保证金:0;
}
.包装纸{
最小高度:100%;
/*等于页脚的高度*/
/*但也说明了最后一个孩子的潜在利润底部*/
边缘底部:-50px;
}
.页脚,
.推{
宽度:100%;
高度:100px;
}
.页脚{
背景色:黄色;}
添加数据
佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。前庭侵权人、世仇、别有用心者、临时诉讼人、担保人。不要让你的自由人坐在那里。我的生命是永恒的。莫里斯·普莱斯特拉特·埃利芬德·利奥

佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。前庭侵权人、世仇、别有用心者、临时诉讼人、担保人。不要让你的自由人坐在那里。我的生命是永恒的。莫里斯·普莱斯特拉特·埃利芬德·利奥

佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。前庭侵权人、世仇、别有用心者、临时诉讼人、担保人。不要让你的自由人坐在那里。我的生命是永恒的。莫里斯·普莱斯特拉特·埃利芬德·利奥

佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。前庭侵权人、世仇、别有用心者、临时诉讼人、担保人。不要让你的自由人坐在那里。我的生命是永恒的。Mauris Placelat eleifend leo.


这是否回答了您的问题@Porky回答了你的问题该问题没有jQuery标签我只是使用jQuery添加内容编辑如果你对我的问题投了反对票,你能收回你的反对票吗