how to fit entire width of a compoent

Question

I am new to ZK frame work. I wanted to have a layout where one Window should fit the enitre width of div component. I tried to add width=100% but it does not work. how do I do that? Please see the code below

<zk>
<div style="background:yellow;">
    <hlayout sclass="z-valign-top" style="background:red;">    

        <window width="100%" title="win" border="normal"/>
    </hlayout>
    <separator/>   
    </div> 
</zk>

Answer 1

Using relative sizes (percent) are by my experience often counter-productive. Use hflex/vflex instead.

<zk>
<div style="background:yellow;">
    <hlayout sclass="z-valign-top" style="background:red;">    
        <window hflex="1" title="win" border="normal"/>
    </hlayout>
    <separator/>   
    </div> 
</zk>