CSS在没有设置高度的情况下如何让同级元素高度相等？

最近在写vue项目时打算用div写成table的样式，在处理边框时遇到竖向的边框长短不一的问题，一开始的想法是用vue的ref操作dom来获取高度最大元素的高度，后来就在想能否只用css是想这一需求，在查阅尝试多次之后成功，在这里分享记录

1.直接使用父元素 display：table，子元素 display：table-ceil；（原本就没有打算用table布局）

2.为父元素设置 overflow：hidden再为子元素设置大的 padding-bottom 属性，再用相等的负 margin-bottom 属性抵消；

（我是月铭泽，第一次记录博客，错误之处请指正）