关于两列布局的CSS

.container {
  display: flex;
}

.left-column {
  flex: 1;
}

.right-column {
  flex: 1;
}

.container {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.left-column {
  grid-column: 1;
}

.right-column {
  grid-column: 2;
}

.left-column {
  float: left;
  width: 50%;
}

.right-column {
  float: right;
  width: 50%;
}

.container {
  display: table;
  width: 100%;
}

.left-column,
.right-column {
  display: table-cell;
  width: 50%;
}