float布局相对于flex布局实现双飞翼布局的优势

来源：3-8 布局-解题-4

小程序魔王

2020-07-20

<div class="my-container">
    <div class="A">AAA</div>
    <div class="B">BBB</div>
    <div class="C">CCC</div>
</div>

.my-container {
    display: flex;
    justify-content: space-between;
}
.A {
    width: 200px;
    background-color: red;
}
.B {
    flex-grow: 1;
    background-color: yellow;
}
.C {
    width: 200px;
    background-color: blue;
}

老师好，请问一下这种方式是否也能实现双飞翼布局？如果是的话，两者之间的区别是什么？哪儿个更实用?

写回答

1回答