css - 如何使 GWT DockLayoutPanel 的一个区域渗入另一个区域？

Question

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

Answer 1

我找到了答案。关键是使用 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 个像素。此处的顺序很重要，因为它保证导航栏将覆盖中央容器的内容。