用flex布局: div { display: flex; justify-content: space-between; } em:nth-child(2), em:nth-child(3) { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; } grid布局: div { display: grid; grid-template-columns: auto 1fr auto; grid-template-rows: auto auto; } em:nth-child(1) { grid-column: 1; grid-row: 1 / span 2; } em:nth-child(2) { grid-column: 2; grid-row: 1; } em:nth-child(3) { grid-column: 2; grid-row: 2; } em:nth-child(4) { grid-column: 3; grid-row: 1 / span 2; }