Show the percentage-based sizing behavior with absolute positioning

           
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" verticalGap="25">
    <mx:Canvas width="200" height="75" borderStyle="solid">
        <mx:HBox x="20" y="10" width="100%" height="25" backgroundColor="#666666" />
    </mx:Canvas>
    <mx:Canvas width="200" height="75" borderStyle="solid">
        <mx:HBox left="20" top="10" width="100%" height="25" backgroundColor="#666666" />
    </mx:Canvas>
</mx:Application>

Related examples in the same category

1.	Show setting the sizes of a container and its child
2.	Using Scroll bars
3.	Repositioning children at run time
4.	corresponding controls on the right remain a fixed size because their container is fixed.
5.	Adding and removing components relativeTo another control
6.	includeInLayout="false"
7.	Minimum and Maximum Sizes and percent
8.	Alignment to center
9.	Create constraints for the right edge and the bottom edge, using the properties right and bottom
10.	Building within the main container
11.	Change the layout attribute to vertical
12.	Constraint Sizing
13.	Padding Container
14.	includeInLayout and visible properties.
15.	Get the number of direct child components in a container
16.	Add multiple child components, or a container that contains multiple child components
17.	Scrolling Spark containers
18.	Set clipAndEnableScrolling property to true to clip the container's children to the container boundaries
19.	Creating and removing a child of a container
20.	Wrap the Spark container in an MX container on in a Spark Navigator
21.	Enable Scrolling in a Container
22.	Example: Determining a container and child sizes
23.	uses the layout property of the container to set its layout to the HorizontalLayout class:
24.	A NavigatorContent must be the child of an MX navigator container
25.	Use an inline item renderer with the SkinnableDataContainer container
26.	Use tag to define an inline item renderer for two containers
27.	Scale Children of a Container
28.	Creating a Box container with a vertical layout
29.	Grid container with three rows and three columns
30.	Container Inheritance
31.	Create a Button control and adds it to a container
32.	Add a graphic element to the container to define a background for the buttons
33.	size and position of each component is carefully calculated to ensure that none of the components overlap

Show the percentage-based sizing behavior with absolute positioning : Container « Container « Flex

Related examples in the same category