Css 如何使GWT DockLayoutPanel的一个区域出血到另一个区域?

Css 如何使GWT DockLayoutPanel的一个区域出血到另一个区域?,css,gwt,Css,Gwt,我使用DockLayoutPanel将屏幕分割为左侧导航栏和中间区域。我的问题是,应用程序蒙皮要求导航列中的选定选项卡“覆盖”中心区域1像素宽的列。有没有办法设置我的DockLayoutPanel来执行此操作?我找到了答案。关键是使用LayoutPanel而不是DockLayoutPanel。例如: <g:LayoutPanel> <g:layer left="100px" right="0px" > <g:LayoutPanel ui:fi

我使用
DockLayoutPanel
将屏幕分割为左侧导航栏和中间区域。我的问题是,应用程序蒙皮要求导航列中的选定选项卡“覆盖”中心区域1像素宽的列。有没有办法设置我的
DockLayoutPanel
来执行此操作?

我找到了答案。关键是使用
LayoutPanel
而不是
DockLayoutPanel
。例如:

<g:LayoutPanel>
    <g:layer left="100px" right="0px" >
        <g:LayoutPanel ui:field='centralContainer' />
    </g:layer>
    <g:layer left="0px" width="101px">
        <g:FlowPanel ui:field='navContainer' />
    </g:layer>
</g:LayoutPanel>

将使导航条向中央容器中注入1个像素。命令在这里很重要,因为它保证导航栏将覆盖中心容器的内容