Within my Angular application, Bootstrap is being utilized, resulting in the generation of some elements by the Bootstrap framework. Upon examination, I have observed that many of these elements possess dimensions labeled as auto x auto. This particular configuration appears to be impacting the behavior of elements positioned below it. An instance of this impact can be seen when attempting to set the height to 100%, as opposed to filling the complete vertical space of the parent container.
I am curious about the nature of auto x auto: how does it come to be defined and what specific consequences does it bring forth on the overall layout of the page?