jquery - 将 JQuery UI 选项卡与底部对齐

Question

我有一个正在使用 JQuery 选项卡的页面。下面的屏幕截图清楚地解释了我的问题。

问题1:JQuery Tab div 部分与中心对齐，我想将整个选项卡部分设置为首先占据底部部分的 100%(标记为图像中的绿色)

问题2:选项卡与我的水平下拉菜单重叠(在图像中以黄色标记)。如何使下拉菜单重叠 div 并 float 在每一层的顶部。

注意:我在我的应用程序中使用图 block 。其他 jsp 页面中的菜单部分和选项卡部分映射到图 block 的 body 属性

这是我的 Tiles 定义

   <definition name="baseLayout" template="/BaseLayout.jsp">
       <put-attribute name="title" value="Hello World"/>
       <put-attribute name="header" value="/Banner.jsp"/>
       <put-attribute name="menu" value="/Menu.jsp"/>
       <put-attribute name="body" value="/Body.jsp"/>
       <put-attribute name="footer" value="/Footer.jsp"/>
   </definition>

。

Answer 1

您可以通过在 css 中增加子菜单的“z-index”来重叠菜单。对于选项卡高度，您可以使用 jquery 为选项卡分配高度或将页面背景更改为白色。因此选项卡与页面合并。