水平布局的两个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