为什么我的 TabNavigator 中有一个间隙？

Question

为菜鸟 Q 道歉 - 尝试学习 Flex/Actionscript，但遇到一些基本的布局问题。 （使用 FlashBuilder 4 和 Flex 4.5 HERO SDK）

我有一个 TitleWindow，并在其中嵌入了 mx:TabNavigator。
然后，我在第一个选项卡中放置了一个列表，并将其宽度/高度设置为 100%

但是，列表顶部和选项卡菜单底部之间似乎存在间隙。

为什么会发生这种情况？确保列表顶部与 VBox 顶部齐平的最佳方法是什么？

<s:TitleWindow title="Dekho Resource Center"
                   id="titleWindow"
                   close="cancel();"
                   width="375"
                   height="500"
                   backgroundAlpha="0" 
                   cornerRadius="5">

        <mx:TabNavigator borderStyle="solid" left="0" top="0" width="100%" height="100%" backgroundAlpha="0" >
            <mx:VBox label="Blog Posts" 
                     width="100%" 
                     height="100%">

                <s:List labelField="title" id="theList" width="100%" height="100%" 
                        contentBackgroundAlpha="0.7" rollOverColor="#F58B57" selectionColor="#FF7227"
                        doubleClickEnabled="true" doubleClick="theList_doubleClickHandler(event)">
                    <mx:AsyncListView list="{getDataResult.lastResult}"/>
                </s:List>
            </mx:VBox>

            <mx:VBox label="Search" 
                     width="100%" 
                     height="100%">

            </mx:VBox> 
        </mx:TabNavigator>

Answer 1

从 TabNavigator 中删除填充：

<mx:TabNavigator paddingTop="0"
                 paddingLeft="0"
                 paddingRight="0"
                 paddingBottom="0">