Html 在NetSuite中，如何扩展div以填充整个模板页（PDF）？
FreeMarker模板页面中有一个页眉和一个页脚 我想在页眉和页脚之间插入一个div div必须延伸到页脚 代码如下：Html 在NetSuite中，如何扩展div以填充整个模板页（PDF）？,html,css,layout,freemarker,html-heading,Html,Css,Layout,Freemarker,Html Heading,FreeMarker模板页面中有一个页眉和一个页脚 我想在页眉和页脚之间插入一个div div必须延伸到页脚 代码如下： <?xml version="1.0"?> <!DOCTYPE pdf PUBLIC "-//big.faceless.org//report" "report-1.1.dtd"> <pdf> <head> <macrolist> <macro id="nlhe
<?xml version="1.0"?>
<!DOCTYPE pdf PUBLIC "-//big.faceless.org//report" "report-1.1.dtd">
<pdf>
<head>
<macrolist>
<macro id="nlheader">
<table style="width: 100%; font-size: 10pt; position:fixed">
</macro>
<macro id="nlfooter">
<table class="footer" style="width: 100% ;position:fixed">
</macro>
</macrolist>
</head>
<body header="nlheader" header-height="10%" footer="nlfooter" footer-height="65pt" padding="0.5in 0.5in 0.5in 0.5in" size="Letter">
<table>
<tr>
<td>Here is a table</td>
</tr>
</table>
<table>
<tr>
<td>
<div id="extend_div"></div>
</td>
</tr>
</body>
</pdf>
这是一张桌子
<div class="starter">
<header>
This is Hweader
</header>
<div class="main-wrapper">
<h1>
This is content
</h1>
</div>
<footer>
This is footer
</footer>
</div>
html, body {
height: 100%;
}
header, footer {
height:30px;
}
.starter {
display: flex;
height: calc(100% - 30px);
flex-direction: column;
}
.main-wrapper {
background-color: #8723FF;
position: relative;
flex: 1 0 auto;
}
我是海德
这就是内容
这是页脚
html，正文{
身高：100%；
}
页眉、页脚{
高度：30px；
}
.起动器{
显示器：flex；
高度：计算（100%-30px）；
弯曲方向：立柱；
}
.主包装{
背景色：#8723FF；
位置：相对位置；
弹性：10自动；
}
扩展div{height:100vh；}