Flexbox
flex width:auto
| flex |
flex div
flex width:max-content
flex |
flex div
Grid
grid width:auto
grid |
grid width:max-content
grid |
Table
|
Absolute
| absolute |
Originally, algorithm for computing intrinsic table inline size had a special case:
If table is fixed, and has a width:%, its intrinsic inline size was "infinite".
This ensured that fixed table with 100% width inside block layout would expand to container's width.
Different containers do not have reasonable handling of intrinsic infinitely sized children. For those, table's intrinsic size should never be infinite, but instead default to regular max size.
flex width:auto
| flex |
flex width:max-content
flex |
grid width:auto
grid |
grid width:max-content
grid |
|
| absolute |