将JQuery UI选项卡对齐到底部

时间:2015-12-19 16:22:33

标签: jquery html css tabs

我有一个页面,我正在使用JQuery标签。下面是清楚地解释我的问题的屏幕截图。

Issue1 :JQuery Tab div部分与中心对齐,我想将整个标签部分设置为首先占据底部的100%(标记为图中的绿色)

问题2: 标签与我的水平下拉菜单重叠(在图片中标记为黄色)。如何让下拉菜单重叠div并浮动在每一层之上。

注意:我正在使用瓷砖作为我的应用程序。菜单部分其他jsp页面和标签部分中的内容已映射到切片的 body 属性

这是我的瓷砖定义

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

enter image description here

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:1)