如何使边框中的右侧节点占据整个右侧

<style>
    .container {
        border: 1px solid #ccc;
        overflow: hidden;
    }

    .left {
        float: left;
        width: 50%;
        background-color: #f1f1f1;
        padding: 10px;
    }

    .right {
        float: right;
        width: 50%;
        background-color: #e9e9e9;
        padding: 10px;
    }

    .full-width {
        width: 100%;
    }
</style>

<div class="container">
    <div class="left">
        <!-- 左侧内容 -->
    </div>
    <div class="right">
        <!-- 右侧内容 -->
        <div class="full-width">
            <!-- 右侧节点 -->
        </div>
    </div>
</div>