水平レイアウトの 2 つの div、左の div の幅は固定されておらず、右の div が残りのスペースを占有します。

<div class="container">
    <div class="left"></div>
    <div class="right"></div>
</div>

 柔軟なレイアウト ソリューション:

.container {
    display: flex;
}

.left {
    flex: 0 0 auto;
}

.right {
    flex: 1 1 auto;
}

おすすめ

転載: blog.csdn.net/valsedefleurs/article/details/130529358