求解布局,左右两个div.两个div可以自由上下滑动,应该怎么做
css吧
全部回复
仅看楼主
level 1
enjoy末了 楼主
就像这样的布局。。。可以自由滑动的
2015年08月19日 14点08分 1
level 11
我也正在学这个,建了个群242991399;大部分都是新手,楼主一起来交流交流吧,互相学习,一个人闷头学太特么苦逼了~
2015年09月20日 10点09分 3
level 8
选项卡
2015年12月17日 16点12分 5
level 3
用Ul
2016年01月21日 09点01分 8
level 5
楼主在么?同求源代码 [email protected] 谢谢
2016年02月17日 03点02分 10
好久都没写前端了,你可以去mui看看。我觉得mui的ui框架做得挺不错的
2016年02月17日 10点02分
level 5
如此高难度的题,我就不回答了,等大神们来回答吧
2016年02月17日 09点02分 11
level 1
楼主你好,你的源码可以发一份给我吗,是移动端的吧?谢楼主
2016年03月06日 11点03分 12
level 1
2016年03月06日 11点03分 13
level 1
楼主求代码
2016年04月19日 01点04分 14
额,可以去看下mui。国内的一套ui感觉不错
2016年04月21日 07点04分
@enjoy末了 楼下统一回复
2016年04月21日 07点04分
level 1
enjoy末了 楼主
统一推荐。可以去mui看看。然后把自己的代码贴出来
<!DOCTYPE HTML>
<head>
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">
<style type="text/css">
.class-selecte{float:left;width:6em;overflow:auto!important;}
.left-class{position:relative;float:left;width:6em;margin-right:-6em;overflow:auto;height:400px;}
.myright-calss{margin-left:-6em;float:right;width:100%;overflow:auto;overflow-x: hidden;height:400px;}
</style>
</head>
<body>
<div>
<ul id="left-class" class="class-selecte left-class">
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
</ul>
</div>
<div class="myright-calss">
<ul style="margin-left:6em;">
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
<li>所有商品</li>
</ul>
</div>
</body>
<html>
</html>
2016年04月21日 07点04分 15
1