Javascript 使用位置:固定在css打印媒体查询中?

Javascript 使用位置:固定在css打印媒体查询中?,javascript,html,css,Javascript,Html,Css,我们希望在每个打印页面上显示一个页脚,并使用position:fixed将页脚添加到每个页面。唯一的问题是页面上的内容可以在页脚下流动 有没有办法防止打印的页面内容在位置下流动:固定页脚?嗯,看起来内容忽略了页脚块,并以某种方式呈现在页脚下 也许您可以添加display:inline块编码到CSS中,以便页脚占据整行而不被超越。 正文{ 保证金:0; } .内容{ 填充:30px; 字号:18px; 背景:#ccc; 填充底部:60px; } 页脚{ 位置:固定; 底部:0; 宽度:100%;

我们希望在每个打印页面上显示一个页脚,并使用
position:fixed
将页脚添加到每个页面。唯一的问题是页面上的内容可以在页脚下流动


有没有办法防止打印的页面内容在
位置下流动:固定
页脚?

嗯,看起来内容忽略了页脚块,并以某种方式呈现在页脚下

也许您可以添加
display:inline块编码到CSS中,以便页脚占据整行而不被超越。

正文{
保证金:0;
}
.内容{
填充:30px;
字号:18px;
背景:#ccc;
填充底部:60px;
}
页脚{
位置:固定;
底部:0;
宽度:100%;
高度:60px;
背景:#f89;
}
页脚分区{
填充:20px;
}
.最后内容{
颜色:红色;
}

Lorem ipsum dolor sit amet,是一位杰出的献身者。Donec luctus ex odio,在bibendum odio aliquam nec。小叶扁豆。佩伦茨克大学是一所大学。梅塞纳·维韦拉·特里斯蒂克·埃拉特,ac弗林蒂拉·埃拉特。在非大都会门。整只小蝶,前庭或暂时性前庭。金樱子的前庭是三体门的生命。在自由、自由和利奥·奎斯的作品中,尤伊斯莫·廷西德(euismod tincidunt ex.ante ipsum primis)在《浮雕》或《浮雕和浮雕》中的作品;菲利斯·弗林吉亚·奎斯。
在erat Nulla的Nulla。Aenean ut elementum sem,sed fringilla neque。酒后酒后酒,五花八门,十字节杖。最大前悬韧带,前屈韧带,前屈韧带,前屈韧带。维韦拉·瓦里乌斯的埃尼拍卖人胡斯托。在malesuada,turpis egestas aliquet mollis,magna nisi Dignessi m libero,vitae bibendum Elite risus ut eros。埃尼安·奎斯·梅特斯·埃吉奥·埃吉斯塔斯·奥纳雷。无舌苔,但矢状体最细。Donec nec ullamcorper nunc。乌尔纳和阿利克特元素。面部皮肤病。
在nisi中,Suspendisse et ipsum nec odio maximus placerat eget。孕期、非优生、利奥之家、精英之家等要素。但在马莱苏阿达的生活效率。这是一种生活方式。两人都是自由的欧盟成员。ultrices的玛塞纳斯权杖和turpis。Morbi vehicula eu dolor eget porttitor。梅塞纳·利奥·埃尼姆、坦帕斯·韦尔米乌特、埃利芬德·维内纳蒂斯·安特。丙种球蛋白。不需要任何知识,也不需要任何分子。
这是自由的源泉,也是我们的梦想。整数a ornare orci。佩伦茨克·波尔塔(Pellentesque porta)、普卢斯·奈克·索利西图丁(purus nec Concertetur sollicitudin)、努克·莱克托·廷西杜特·厄罗斯(nunc lectus tincidunt eros)、奥古斯和精英自由宣言。乌尔里希斯莱克托斯整数。维尼那提斯,尤伊斯莫德,马克西姆斯·奥古斯。前庭,无侧壁。佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。维瓦摩斯权杖,我是nec拍卖人。
整数维他命我同侧心。在这一刻,我的父亲毛里斯·菲尼布斯坐在我的位子上。爱欲的元素,发酵的糖浆,产于产妇的天然苦瓜和马格尼葡萄品种。发酵罐。整数quis tempus nunc。马萨的库拉比图ac洛伦佩伦茨克港。Phasellus finibus lorem est,在cursus sem,在。这是一个巨大的缺陷,是一个非常重要的事实。整数bibendum-urna,eget sollicitudin erat last content
这是页脚块
.content{
边缘底部:50px;
/*与页脚高度相同*/
}
.页脚{
高度:50px;
位置:固定;
底部:0;
左:0;
右:0;
背景颜色:黄色;
}

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

底部内容

页脚