容器中的div是：not（：first-child）扩展为宽度：first-child

Question

见JSFiddle。我希望：not（：first-child）元素不会超出第一个子元素的宽度。我还有其他一些东西，比如flex，我已添加它以显示我的限制......

<div id="container">
    <div id="item1" class="item">ABC</div>
    <div id="item2" class="item">ABCDEFG</div>
    <div id="item2" class="item">ABCDEFGaaaa</div>
</div>
<div id="right"></div>

body {
    margin: 0;
    display: flex;
    flex-flow: row;
}
#container {
    flex: 0 0 auto;
    height: 100vh;
    background-color: yellow;
}
.item:not(:first-child) {
    max-width: 100%;
}
.item {
    background-color: red;
    word-wrap: break-word;
}

我不想在javascript中执行此操作。