0
我試圖在Chrome上打印2頁面文檔。 第一頁內容已修復,第二頁上的動態內容爲「已擴展的表」。粘性頁腳與多個頁面
我遇到的問題是使頁腳停留在第二頁的底部。 下面的CSS代碼用於處理一個頁面。
這裏的jsfiddle:https://jsfiddle.net/c3L4eevn/
CSS
html {
position: relative;
min-height: 100%;
}
body {
margin-bottom: 110px;
font-size: 15px;
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
height: 110px;
}
@page {
size: legal;
}
@media print {
#hide {
display: none !important;
}
}
.container {
width: 970px !important;
}
HTML
<div class="container">
<div class="row">
<div class="col-xs-12">
head here
</div>
</div>
<div class="row">
<div class="col-xs-12">
first page content
</div>
</div>
<div class="row">
<div class="col-xs-12">
second page
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-xs-12">
footer here
</div>
</div>
</div>
</footer>