在之前我写过一篇文章：iOS safari浏览器上overflow: scroll元素无法滑动bug解决方法整理，这篇文章写的是，当iOS safari浏览器上出现大于父容器的svg元素，想给父容器加上overflow: scroll实现内部滚动效果而失败的总结。但当时并没有意识到这个问题的实际原理，只是知道了safari给scroll元素加入了原生的scrollView块。

此bug出现需要条件：父元素需使用绝对定位absolute或固定定位fixed，使用overflow: scroll / auto（或overflow-y: scroll / auto)，内部子元素是动态大小（例如较大的svg document，近似为内嵌iframe，等等）。

今天在工作中遇到了一个问题：有三个div块，里面放置展示内容，并排，中间有间隙，两边顶头，可以随屏幕大小自适应宽度。 我第一时间想到的是传统的三列布局，但传统的三列布局都是固定宽度加自适应宽度，从网上搜了好久都没有搜到结果。所以自己想办法。