フレックスボックスの残りの*水平*スペースにdivを埋める
フレックスボックスに2つのdivが並んでいます。右手は常に同じ幅である必要があり、左手は残りのスペースをつかむだけです。しかし、特に幅を設定しない限り、効果はありません。 したがって、現時点では96%に設定されており、実際に画面を押しつぶすまで問題ありません。その後、右側のdivに必要なスペースが不足します。 私はそれをそのままにしておくことができると思いますが、それは間違っていると感じています-言う方法があるように: 正しいものは常に同じです。あなたは左側にいます-あなたは残っているすべてを手に入れます .ar-course-nav { cursor: pointer; padding: 8px 12px 8px 12px; border-radius: 8px; } .ar-course-nav:hover { background-color: rgba(0, 0, 0, 0.1); } <br/> <br/> <div class="ar-course-nav" style="display:flex; justify-content:space-between;"> <div style="width:96%;"> <div style="overflow:hidden; white-space:nowrap; text-overflow:ellipsis;"> <strong title="Course Name Which is Really Quite Long And Does Go On a Bit …