外层元素固定宽度 内部同行两元素宽度自适应处理

右侧元素根据左侧元素自适应

.outer {
    width: 200px;
    height: 50px;
    display: flex;
    flex-wrap: nowrap;
}
.inner-left {
    height: 100%;
}
.inner-right {
    height: 100%;
    flex: 1
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容