Define two flexible p elements. If the parent box has a total width of 300px, #p1 will have a width of 100px, and #p2 will have a width of 200px:
The box-flex property is only supported by Opera.
Internet Explorer 10 supports an alternative, the -ms-flex property.
Firefox supports an alternative, the -moz-box-flex property.
Safari and Chrome support an alternative, the -webkit-box-flex property.
Note: Flexible boxes are not supported in Internet Explorer 9 and earlier versions.
The box-flex property specifies whether the child elements of a box is flexible or inflexible in size.
Tip: Elements that are flexible can shrink or grow as the box shrinks and grows. Whenever there is extra space in a box, flexible elements are expanded to fill that space.
|Default value:||0.0 (indicates that the element is inflexible)|
|value||The flexibility of the element. All flex is relative, e.g. a child with a box-flex of 2 is twice as flexible as a child with a box-flex of 1|
Your message has been sent to W3Schools.