html - Freemarker/NetSuite 绝对定位

Question

我在 NetSuite 的 Freemarker PDF 模板中遇到绝对定位问题。基本上，我试图在容器底部定位一个地址，但它似乎忽略了我的绝对位置 CSS 设置“bottom:0px;”下面是代码和它如何显示的图像。此外，我在 JSFiddle 中运行了相同的代码，它按我预期的那样工作。关于为什么它不起作用或替代解决方案的任何想法？我必须将地址 block 的底部放在容器的底部。谢谢!

<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>

NetSuite PDF Template clip

JSFiddle Sample

Answer 1

我能够通过简单地将地址内容放入 TD 并将 valign 设置为 bottom - valign="bottom"来解决这个问题。

<td valign="bottom" style="width:60%; height:125px;">${myBillAddress}</td>