css:flex布局下overflow失效

布局

    
	
		左边自适应，超出隐藏
	
	
	    右边固定宽度
	

css如下

.container {
    display: flex;
}
.left {
    flex: 1;
    /* 需要设置一个宽度 */
    width: 0; 
}
.right {
    width: 500px;
}

.mo-ellipsis-1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

参考 flex布局下overflow失效问题