How to get two visual elements to fill their parent container?

Unity Engine
1

In the visual element hierarchy below, how can I get the two .myContainer sibling elements to fill their parent container?

– VisualElement #rootVisualContainer
-------- VisualElement .myContainer
---------------- VisualElement #someContent…
-------- VisualElement .myContainer
---------------- VisualElement #someContent…

The reason is that the second container contains a second content view, presented as an overlay above the first content container.

I believe I want to disable flex layout (to prevent them being resized to both fit into the parent) and do something like…

.myContainer
{
    width: 100%;
    height: 100%;
    flex-grow: 0;
    flex-shrink: 0;
}

… but I can’t find a way to set the width/height as percentages of the parent.

Thanks.

2

Hi,

The only supported unit is px at the moment so it’s not possible to use %.
If you want an element to take the size of it’s parent you can use flex or do this instead :

.stretch
{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
3

Thanks!