不上代码，只写思路
1、百分比，设置宽（高）固定百分比
2、使用display: table；父元素设置display: table;，子元素设置display：table-cell;
3、使用display: flex；父元素设置display: flex;，子元素设置flex: 1;
使用2、3方法会出现内容超出盒子宽度的时候会撑开盒子的情况，根据需要设置overflow属性
标签：flex,实现,元素,设置,table,屏幕,display,css From： https://www.cnblogs.com/mengzekun/p/16928241.html