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

【外层元素固定宽度|外层元素固定宽度 内部同行两元素宽度自适应处理】右侧元素根据左侧元素自适应

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

    推荐阅读