css - 父容器自由伸缩的情况下，子容器三列等宽布局如何实现

Question

今天去面试的时候出现了这样一道题：
要求大容器在宽度自由伸缩的情况下，内部三个子元素宽度始终1:1:1，如何实现，请尽量写出俩种方法？

我给的答案：
方式一：
弹性盒子布局方式：（存在性兼容问题,ie系基本挂了，移动端4.3+）
父容器：dispaly:flex;
子容器分别设置：flex:1;
方式二：
不知道说什么了，就写了，在父容器定宽的情况下，可以使用百分比各占1/3的方式。

不知道weber有开发过这种情况的吗？