如何使一个元素相对于所有其他元素具有100%的大小？

<style>
    .container {
        display: flex;
    }
    .element {
        flex: 1;
    }
</style>
<div class="container">
    <div class="element">元素1</div>
    <div class="element">元素2</div>
    <div class="element">元素3</div>
</div>

<style>
    .container {
        display: grid;
    }
    .element {
        grid-column: 1;
        grid-row: 1;
    }
</style>
<div class="container">
    <div class="element">元素1</div>
    <div class="element">元素2</div>
    <div class="element">元素3</div>
</div>