【CSS相关】请写出多种等高布局（约224字）

请写出多种等高布局

1. 使用 JavaScript/jQuery：通过脚本计算元素高度，并将最大高度应用于其他元素。
2. 使用伪元素和绝对定位：在容器元素中添加一个伪元素，使用绝对定位将其拉伸到与最高元素相同的高度。
3. 使用表格布局：将容器元素设置为display: table，将子元素设置为display: table-cell，然后使用vertical-align: top或其他对齐方式来实现等高效果。
4. 使用网格布局（CSS Grid）：使用grid-template-rows属性将所有行设置为相同的高度。
5. 使用flexbox嵌套：将容器元素设置为display: flex，然后在每个子元素中再嵌套一个flexbox容器，将子元素的高度设置为100%，从而实现等高布局。
6. css3 flexbox 布局： .container{display: flex; align-items: stretch;}

需要根据具体情况选择适合的等高布局方法，考虑兼容性、布局需求和代码复杂度等因素。