今天完成的事情：

1.修改之前的配置，由于上次为了兼容ie11，去除了position：absolute水平居中，使得div回到了父级的文档流中，而flex只设置了flex-grow：1，导致三个兄弟div宽度不一样，原因是默认的flex-basis：atuo，计算项目的内容宽度了，三个项目的内容宽度不一样，最终占据的宽度也就不一样了。

解决方法：

设置flex：1即：

flex-grow：1；

flex-shrink：1；

flex-basis：0%；也就是不考虑项目元素的自身宽度了。

其实均分，还可以直接用百分比来设置，只不过当时不知道如何消除inline-block之间的空白导致分行了，现在知道了：

在编辑html的时候，可以通过消除结束标签和下个元素开始标签之间的空格（包括回车转行），来解决掉这些多出来的空白。

2.修改了IOS浏览器兼容问题。

之前用ios的浏览器safari或者其它app浏览器打开的时候，border-image：linear-gradient（）无法显示渐变效果。之间是用在button这个元素的border上，重新另外写了个demo，单独用了这个border-image：linear-gradient（），ios浏览器正常显示，判定不是写法问题，应该是默认的button配置有冲突。解决办法：取消button渐变配置，配置到外部嵌套的div上，问题解决。

遇到的问题：

1.之前处理ie11兼容问题的时候，取消了position：absolute水平居中，使得显示正常。

但是有一个元素没有取消，也能显示正常

明天要做的事情：

1.找到上述问题原因