css 子元素和父元素一样高

CSS 子元素和父元素一样高可以通过以下几种方式实现：

1. 使用绝对定位和负边距：

子元素使用绝对定位，并设置 top 和 bottom 值都为 0，然后再设置负边距让子元素超出父元素的区域，即可实现子元素和父元素一样高。

2. 使用 display: table 属性：

父元素设置 display: table；子元素设置 display: table-cell 和 vertical-align: top；然后再设置 height: 100% 即可实现子元素和父元素一样高。

3. 使用 flexbox 布局：

父元素设置 display: flex；然后再设置 align-items: stretch，即可实现子元素和父元素一样高。

总结来说，实现 CSS 子元素和父元素一样高的方式多种多样，选择哪种方式取决于具体的需求和实际情况。无论哪种方式，都需要充分了解 CSS 相关属性和布局方式，才能达到最佳的效果。