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

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

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

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

已邀请:

要回复问题请先登录注册