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

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

.outer {
    width: 200px;
    height: 50px;
    display: flex;
    flex-wrap: nowrap;
}
.inner-left {
    height: 100%;
}
.inner-right {
    height: 100%;
    flex: 1
}

你可能感兴趣的:(外层元素固定宽度 内部同行两元素宽度自适应处理)