Layout ZK与ZUL页面的绝对布局问题？

我试图在我的网页中使用绝对布局，并在borderlayout中添加了绝对布局，现在绝对布局包含绝对子元素，它包含类似这样的difrent组件

<zk xmlns:x="xhtml" xmlns:zk="zk">
        <borderlayout width="100%" height="100%"
                apply="org.zkoss.bind.BindComposer"
                viewModel="@id('vm') @init('com.web.viewmodel.MyEditViewModel')">
        <north border="none">
        //ToolBar will come here
        </north>
        <center border="none" sclass="sub-tab-panel">
                    <vlayout vflex="1" hflex="1" sclass="vertical-scroll"
                          draggable="sizer">
        <separator />
                        <groupbox mold="3d">
        <x:table cellpadding="3" width="500px" height="350px">

        <absolutelayout id="mainLayout" droppable="abschild">
        <absolutechildren>
        <label draggable="abschild" value="Type" sclass="field-label" />

        <label draggable="abschild" value="@bind(vm.folderType)" />
        </absolutechildren>
        <absolutechildren>
        <label draggable="abschild" value="Select" sclass="field-label" />
        <combobox draggable="abschild" model="@load(vm.statusCodeOptions)" selectedItem="@bind(vm.statusCode)"/>
        </absolutechildren>
        </x:table>
        </groupbox>
     </vlayout>

        <center>
    </borderlayout>
</zk>

//我会来这里的

现在我的问题是，在使用AbsoluteLayout后，页面中没有显示任何内容，有人知道问题是什么吗

FIddle示例图像。。

---

让我猜x:table意味着xhtml表，您需要添加tr和td（指定高度）：

i、 e

<x:table cellpadding="3" width="500px" height="350px">
    <x:tr><x:td style="height: 350px;">
        <absolutelayout ...
    </x:td></x:tr>
</x:table>

测试结果

你好，ben，我刚刚在fiddle中运行了你的示例，也没有显示任何组件。请查看我添加的图像，IE（9.0.8112）和Firefox19.0中也出现了同样的情况。无法查看任何组件。这似乎是由IE/Firefox的大小调整规则造成的，请指定td的高度，而不是固定的高度，示例已更新。嗨，Ben，我们可以限制Dragable和Dropable属性吗？这样当我们单击任何菜单项时，absolutelayout将可拖动和Dropable，否则它在没有可拖动和可拖放功能的情况下正常工作？@subodh，实际上可拖动/可拖放通过字符串匹配，字符串是一个带有'Dragable=“strOne”的项'将使用'droppable=“strOne''处理其他一些项目，只需根据需要处理draggable/droppable属性即可。
<absolutechildren x="10" y="100">