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

413 阅读1分钟

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

1.直接使用父元素 display:table,子元素 display:table-ceil;(原本就没有打算用table布局)

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

(我是月铭泽,第一次记录博客,错误之处请指正)