Element Plus 中 aside 宽度过大：谁在控制它的尺寸？

探究 Element Plus aside 宽度过大的原因

在 Element Plus 组件库中，左侧的内容区域与右侧 aside 保持等高，且 aside 的宽度可以达到 2000 多像素。这引起了一位开发者的好奇：此行为是由哪个属性控制的？

经过仔细观察，开发者注意到父元素使用了 display: flex，这是一个常见的布局属性。他想当然地认为弹性子元素（例如 aside）的高度应该由其自身内容决定，而不是由其父元素的高度决定。

困惑之下，开发者进一步调试了代码，发现了一个关键细节：doc-content-container 元素的高度被设置为了匹配父元素的高度。而 aside 正是 doc-content-container 的子元素。

由此可见，aside 的宽度和高度都受到它们父元素的影响。通过控制 doc-content-container 的高度，即可调整 aside 的宽度和高度。

以上就是Element Plus 中 aside 宽度过大：谁在控制它的尺寸？的详细内容，更多请关注其它相关文章！