当一个元素的尺寸是"auto x auto“时是什么意思？

Question

在我的Angular应用程序中，我使用的是Bootstrap，一些元素是由Bootstrap框架生成的。我注意到这些元素中的许多都有尺寸标注，这似乎会影响下面元素的行为(例如，当我将auto x auto设置为100%时，它不会像我预期的那样填充父元素的整个高度)。

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

​

​

Answer 1

这意味着元素没有在css中设置的宽度和高度。对于块元素，这意味着它将拥有父元素的witdh和由其内容确定的高度；对于内联元素，它的尺寸将由其内容确定。

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

如果父元素有一些显式的高度，或者如果它的位置是absolute，则可以设置height:100%。