Home/ Questions/Q 8112347
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-06T02:28:07+00:00

In XAML, you can define a size property (such a length or width) in

  • 0

In XAML, you can define a size property (such a length or width) in “*” units, in which * represents a part of the remaining space.

So, if I have a parent element that is 1000px wide, and it has 2 children, which are both defined as being 1* wide, they will be 500px each. If one is defined as 3*, and the other as 1*, then one will be 750px, the other 250px.
If there is a third element, and the widths of the 3 are defined as “100px”, “” “2” respectively, then the widths of the 3 will be 100px, 300px, 600px.

Is there a CSS equivalent of this, or should I just simulate it using calc()?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Flexible box layout model does that with an OK support matrix (no IE)

    It does exactly what you’re after, e.g. for your scenario 3:

    <div class="box">
  <div>un</div><div>deux</div><div>trois</div>
</div>

.box {
  width: 1000px;
  display: box;
  box-orient: horizontal;
}

.box > div:nth-child(1){ width:100px; }
.box > div:nth-child(2){ box-flex: 1; }
.box > div:nth-child(3){ box-flex: 2; }

    Fiddle’d from html5rocks example

    • 0