我在NetSuite的Freemarker PDF模板中遇到绝对定位问题。基本上,我试图在容器的底部放置一个地址,但它似乎忽略了我的绝对位置CSS设置“bottom:0px;”下面是代码和它如何显示的图像。另外,我在JSFiddle中运行相同的代码,它按照我的预期工作。关于它为什么不起作用或替代解决方案的任何想法?我必须将地址块的底部放在容器的底部。谢谢!
<table style="width: 100%;">
<tr>
<td class="address" align="left" style="width:300px;">
<div class="address" align="left" style="border:1px dotted black; position:relative; height:150px; width:300px;">
<div style="width:200px; height:100px; position:absolute; bottom:0; border:1px dashed red;">
${myBillAddress}
</div>
</div>
</td>
</tr>
</table>
我只需将地址内容放入TD并将valign设置为bottom - valign =“bottom”即可解决此问题。
<td valign="bottom" style="width:60%; height:125px;">${myBillAddress}</td>