是什么让这个＆＃34;抛开＆＃34; （在Q的体内）是身高的100％？

Question

很抱歉标题不清楚， 我无法弄明白我在问什么......

我通过查看来源和＆＃34;检查元素来学习很多东西＆＃34;在任何网站上。

在SimpleXMLElement API documentation（我正在学习HTML和CSS）中这样做时，我只是无法理解是什么让左边的<aside>具有100％的身高。

它没有＆＃34; height＆＃34;的规则，并且它的内容不够大，不足以使div扩展太多......（它的内容可能只占第10个总高度..）。

要清楚说明我正在讨论的部分，请看下面的图片：

此图片只是为了向您展示要查找的文档中的位置： this site

这张照片显示了渲染页面中的旁边（旁边一直到滚动的底部...请在中看到它以便更好地理解： site

希望你能帮我解决一下:)

非常感谢

Answer 1

请注意，他们使用的是flex-box。 具体而言，＆＃34;包裹微观组＆＃34; div是容器，旁边是＆amp; section元素共享该容器内的空间。

默认情况下，flex-box设置为将内部元素保存在一行中，元素将占用所有提供的空间。这就是为什么你看不到任何提示实际发生的css属性的原因。

您可以通过以下优秀指南了解有关flex-box的更多信息：

https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties

https://css-tricks.com/snippets/css/a-guide-to-flexbox/