Apache flex Flex 4.5，表单内容对齐混乱

当第一次进入Flex form组件的世界时， 我注意到在几分钟内创建一个好看的表单非常容易

然而，当我为每个表单组件提供一个helpcontent组件时，我的表单布局就乱七八糟了。帮助内容覆盖了我的表单组件，我尝试了所有的方法，但我就是不能让它按照应该的方式对齐

这是一张照片：

代码如下：

    <?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" 
         xmlns:s="library://ns.adobe.com/flex/spark" 
         xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%">

    <s:Group width="100%" height="100%" left="10" right="10" top="10" bottom="10">
        <s:VGroup width="100%" height="100%">
            <s:HGroup width="100%" height="50%">
                <s:Form width="75%">
                    <s:layout>
                        <s:FormLayout/>
                    </s:layout>
                    <s:FormHeading label="Filter (Optioneel)" />
                    <s:FormItem label="Naam:" width="100%">
                        <s:TextInput id="txtName" width="200"/>
                        <s:helpContent>
                            <s:Label x="0" y="0" paddingLeft="0" paddingRight="0"
                                     text="Vul hier een naam in, dit mag een deel zijn."/>
                        </s:helpContent>
                    </s:FormItem>
                    <s:FormItem label="Datum vanaf:" width="100%">
                        <mx:DateField id="dtFrom" width="200"/>
                        <s:helpContent>
                            <s:Label text="Kies hier een startdatum."/>
                        </s:helpContent>
                    </s:FormItem>
                    <s:FormItem label="Datum tot:" width="100%">
                        <mx:DateField id="dtTo" width="200"/>
                        <s:helpContent>
                            <s:Label text="Kies hier een einddatum."/>
                        </s:helpContent>
                    </s:FormItem>
                </s:Form>

            </s:HGroup>
            <s:Panel width="100%" height="100%">
                <mx:AdvancedDataGrid id="dgRunningQuotations" left="5" right="5"
                                     top="5" bottom="25"
                                     designViewDataType="flat"
                                     resizableColumns="false" textAlign="right"
                                     variableRowHeight="true">
                    <mx:columns>
                        <mx:AdvancedDataGridColumn width="50" dataField="ID"
                                                   headerText="NR"/>
                        <mx:AdvancedDataGridColumn dataField="Name" headerText="Naam"
                                                   wordWrap="true"/>
                        <mx:AdvancedDataGridColumn width="100" dataField="PDate"
                                                   headerText="Datum"/>
                    </mx:columns>
                </mx:AdvancedDataGrid>
            </s:Panel>
        </s:VGroup>
    </s:Group>
</s:Group>

---

将表单大小增加到绝对值而不是75%也无济于事。

试着不要在表单项甚至其中的项上添加width属性，看看是否有效。我尝试了一个没有位置设置的非常简单的例子，效果很好