método uno:
Un cuadro principal contiene dos cuadros secundarios, puede usar el atributo de justificar contenido: espacio entre
<div class='padre'>
<div class="left"></div>
<div class="right"></div>
</div>
.parent { pantalla:flex; dirección flexible:fila; justificar-contenido:espacio-entre; }
Método dos:
Primero alinee el cuadro secundario a la derecha
mostrar: flex; justificar-contenido: flex-end;
Luego configure flex: 1 solo para el cuadro rojo;
Principio: use flex: 1 para llenar dinámicamente el ancho
Método tres:
Puede establecer margin-right: auto para el cuadro rojo;
Principio: después de configurar el ancho del cuadro principal, configurar margin-right: auto ocupará automáticamente el ancho completo restante