子组件根据父组件宽度调整的问题

今天遇到一个奇葩的问题:

窗口扩大的时候子组件跟着扩大了，但是缩小的时候子组件却不缩小

 

原因：

扩大窗口的时候：父组件width>子组件width ， 自然子组件要跟着变化

缩小窗口的时候：父组件width被子组件撑大，导致父组件width=子组件width, 自然子组件就不会改变了

 

解决方案：

父组件加一个：width:固定值px（如果想父组件宽度随自适应，用flex布局，设置父组件 flex-grow:1 ）

父组件如果有一个确定的宽度，就不会被子组件撑大了