不上代码，只写思路
1、百分比，设置宽（高）固定百分比
2、使用display: table；父元素设置display: table;，子元素设置display：table-cell;
3、使用display: flex；父元素设置display: flex;，子元素设置flex: 1;
使用2、3方法会出现内容超出盒子宽度的时候会撑开盒子的情况，根据需要设置overflow属性
