CSS等高布局是一种在页面上实现多个内容模块等高显示的布局方式，这种布局方式灵活、简单实用。下面介绍一些实现CSS等高布局的方式。

  
    .parent {
      display: table;
      width: 100%;
    }
    .child {
      display: table-cell;
      vertical-align: top;
      width: 33.33%;
    }
  

上述代码是通过将父元素设置为table，子元素设置为table-cell实现等高布局。table-cell会自动以最高的一列进行等高设置，不论子元素的高度不同，都会被设置为同一高度。

  
    .parent {
      display: flex;
    }
    .child {
      flex: 1;
    }
  

上述代码是通过将父元素设置为flex布局，子元素设置为flex: 1实现等高布局。flex布局自动将子元素等分，且子元素的高度会被等分，从而实现等高布局。

  
    .parent {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
    }
    .child {
      grid-column: span 1;
    }
  

上述代码是通过将父元素设置为grid布局，子元素设置为grid-column: span 1实现等高布局。grid布局将子元素等分，且子元素的高度会保持一致，从而实现等高布局。

综上所述，CSS等高布局可以通过table、flex、grid等多种方式实现，开发者可以根据实际需求选择适合自己的布局方式。