当元素尺寸为“自动 x 自动”时，这意味着什么？

Question

在我的 Angular 应用程序中，我使用的是 Bootstrap，其中一些元素是由 Bootstrap 框架生成的。我注意到其中许多元素的尺寸为auto x auto，这似乎会影响其下方元素的行为（例如，当我将高度设置为100% 时，它并没有像我想的那样填充父级的全部高度期待）

那么auto x auto 是什么，它是如何设置的以及它对页面的其余部分有什么影响？

Answer 1

表示该元素没有在css中设置宽高。 对于块元素，这意味着它将具有由其内容决定的父元素的宽度和高度，对于内联元素 - 它的尺寸将由其内容决定。

您无法设置height:100%，因为父元素也没有设置高度。

如果父元素有一些明确的高度或者它的位置是absolute，您将能够设置height:100%。