<div class="wrapper">
  <ul>
     <li>1</li>
     <li>2</li>
      <li>3</li>
  </ul>
</div>

.wrapper{
position:relative; //这个属性必须写，可以为relative或absolute。原因见js部分
margin:50px auto; //上下50px的margin, 水平居中
height:650px; //必须设定scrollbar容器的高度，只有当内容高度超过容器高度的时候，才会显示scrollbar
width:200px;
overflow:hidden; //当父容器高度不足时，只有通过滚动条才能看到超出的内容
background:#eee;
}
ul{
margin:0;
padding:0; //去掉ul默认的样式
list-style:none;
}

ul li{
border:1px solid #ccc;
height:50px;//所有的li高度加起来超过650px，即容器的高度时候，才会出现滚动条
width:100%;
}

详情：https://www.cnblogs.com/yingge/p/5737994.html

最新文章

1. c#编程基础之字符串基础
2. 在Windows Server 2012 R2的Hyper-V中设置虚拟机启用增强会话模式
3. JMeter专题系列（五）检查点
4. Objective-c的内存管理MRC与ARC
5. LeetCode Maximal Square
6. IDE硬盘 SCSI硬盘 SATA硬盘
7. 在Windows Server 2008上部署SVN代码管理总结
8. 1.3.2. App Icon 和 Launch Image（Core Data 应用程序实践指南）
9. js的 == 和 ===的区别
10. Android开发技巧——PagerAdapter的再次简单封装
11. python的学习笔记01_6练习
12. leetcode — best-time-to-buy-and-sell-stock
13. java大数据量调优
14. thinkphp添加数据 add()方法
15. SQL Server 序列（SEQUENCE）使用
16. metasploit framework（七）：密码嗅探
17. jquery 网页局部打印总结
18. Mac下显示和隐藏隐藏文件的命令
19. 轻量级IOC容器:Ninject
20. SQLserver连接本地服务器

热门文章

1. 浅析JavaBean
2. Android Studio 出现 Gradle&#39;s dependency cache may be corrupt 解决方案
3. Visual C++中去除警告
4. Python学习(21):Python函数(5):变量作用域与闭包
5. 【Studio】解决格式化时，注释部分没有缩进的问题
6. Git 创建两个“本地分支”协同工作
7. 第二步 （仅供参考） sencha touch + PhoneGap(cordova 2.9 及其以下版本) 使用 adt eclipse进行打包
8. openvpn 多机房互联
9. [Apio2008]免费道路[Kruscal]
10. Google浏览器清除缓存快捷键