javascript - 可视化越界liferay portlet

Question

当我在 liferay portlet 上部署我的 web 元素时，我遇到了可视化问题。元素显示在与 portlet 相关的窗口之外。控制台没有错误。

编辑: Visualization of my portlet .问题是显示在 portlet 窗口下方的图例和上方的标题(网络的逻辑可视化)我认为它们也必须在该窗口中......如果我在 tomcat 上运行该元素，我在可视化方面没有问题。

有人可以帮助我吗？

Answer 1

有两种选择可以导致这种情况:

• 你的 CSS 明确允许这样做(我怀疑 - 你可能知道这一点)
• 您生成的 HTML 不平衡，会扰乱 DOM

您的 portlet 嵌入到完整的门户生成的页面中，可以更好地生成适当的 HTML。任何不平衡的标签，如

<div>
    something
  </div>
</div> <!-- note: 2 closing divs, only 1 opening -->

会弄乱 DOM 以及页面的可视化。当您声明“在 tomcat 上运行时”没有这个问题时，我假设您的意思是您在门户网站之外运行，例如作为一个 servlet。 servlet 不会生成所有“包含”的 HTML，并且通常更能容忍这种 HTML。