为什么我的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">