javascript - 手机网页中，如何让父元素的宽度等于子元素撑起的宽度，特别是子元素宽度之和大于手机屏幕尺寸时？

Question

用ps做了一个简易指示图：

请各位高手多多指导我，最好贴点代码让我看看哈。
为什么要做这种布局呢？因为标题展示可能会有多个，我们采用不换行，而采用左右滑动的效果。

Answer 1

你li得float或者display：inline-block
同时，还要有定位

ul或者ul的父级有一个的宽度等于屏幕宽度
overflow：hhidden

然后，使用js
监听ul的touchmove事件
处理该事件，即touchmove的向右横向距离，等于ul向左移动的距离

大致思路是这样