Border layout can not set width=100%. Urgent please help

Please use the following setting to the hbox and the vbox.
For example,
<hbox pack="stretch" align="stretch"/>
<vbox pack="stretch" align="stretch"/>

<?page title="NETMES" contentType="text/html;charset=UTF-8"?>
<?taglib uri="http://www.zkoss.org/dsp/web/core" prefix="c" ?>
<?init class="org.zkoss.zkplus.databind.AnnotateDataBinderInit" arg0="./workCombinationWin"?>
<zk>
	<window title="" border="none" id="workCombinationWin"
		style="padding-top:30px;" width="100%" height="100%">
			<vbox spacing="0" width="100%" height="100%" pack="stretch" align="stretch">
				<borderlayout height="100%" width="100%">
					<north title="North" maxsize="300" size="50%"
						splittable="true" collapsible="true">
						<borderlayout>
							<north title="West" size="100%"
								flex="true">
								<div style="background:#B8D335">
									<label value="25%"
										style="color:white;font-size:50px" />
								</div>
							</north>

						</borderlayout>
					</north>
					<center border="0">
						<borderlayout>

							<center>
								<label value="Here is a border"
									style="color:gray;font-size:30px" />
							</center>

						</borderlayout>
					</center>
				</borderlayout>
			</vbox>
			
		
	</window>
</zk>