html圣杯布局

.container{
    margin: 50px auto;
    width: 70%;
    height: 400px;
    background-color: #e0efe9;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.main,.left,.right{
    min-height: 100px;
    width: 200px;
    border: 1px solid rebeccapurple;
}

    圣杯布局
    main
    left
    right

1111	22222222
33333333333	4444444444
55555555555	666666666666