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

文章小白一枚，正在不断学习积累知识，现将学习到的知识记录一下，也是将我的所得分享给大家！而今天这篇文章《Element Plus 中 aside 宽度过大：谁在控制它的尺寸？》带大家来了解一下##content_title##，希望对大家的知识积累有所帮助，从而弥补自己的不足，助力实战开发！

探究 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 宽度过大：谁在控制它的尺寸？》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！