移动端内容超出容器滑动会卡的解决办法

标签：建议   移动端   不用   float   pre   height   back   固定   结构   

建议不采用flex布局，滑动会卡

直接采用最原始的：

1.在最外层给定一个width(height)值，固定容器的宽高，然后overflow:auto;

2.它里面的内容超出的会容器就会自动滑动了。

注意：里面的内容如果加了float：left浮动，则需要给内容ul加总宽度，不然li不会浮动到左边了。

html结构：

<div class=" contain ">  //容器给定给定一个值（宽或高）再加上overflow:auto;

　　<ul> //li不浮动时不用加什么，li左浮动，就要加总宽度了

　　　　<li>...</li><li>...</li><li>...</li><li>...</li><li>...</li><li>...</li><li>...</li>

　　</ul>

</div>

移动端内容超出容器滑动会卡的解决办法

标签：建议   移动端   不用   float   pre   height   back   固定   结构   

原文地址：http://www.cnblogs.com/mmzuo-798/p/7275499.html