三等分实现

网络搜索：

1. 浮动+百分比
2. 行内块元素+百分比
3. 父元素 display:table + 子元素 display:table-cell
4. css3 display:flex；（flex布局）
5. bootstrap 栅格系统

图片三等分，且自适应宽度

当子元素是图片时，会溢出，上述几种都不太友好

1.2.3 不完美 4. flex 布局必须给高度，且overflow:hidden; 5. 引入bootstrap太鸡肋

解决方案

这里使用grid布局，但也有缺陷，兼容性，仍有部分浏览器不支持

  display: grid;
  grid-template-columns: 1fr 1fr 1fr;