flex布局实现无缝滚动的示例代码

本文主要介绍了flex布局实现无缝滚动的示例代码,分享给大家,具体如下: 案例的演示 flex布局 所谓flex布局就是弹性盒布局,这种布局在移动端比较常用,但随着浏览器的版本更新,flex布局因为自身的优点,日渐常用。 思路: 首先分析这个小demo的结构,上下结构,我们可以用一个容器,将其包裹(就是所谓的大盒子)。 上方是个导航,上边是个ul,下面我们就可以用两个div,宽度的100%,高度自定义。 接下来我们就来开启和模型,记住一定的父盒子哦!display:flex;,那么怎么上下分呢?在继续添加 flex-wrap: wrap;就是上下分离了,是不是很方便。