1、首先打开hbuilder编辑器,新建一个html文件,里面写入10个列表:
2、接下来设置列表的样式,在上方的style标签中先设置ul标签的高度和宽度,并设置overflow-x属性为隐藏,这样横向的滚动条就隐藏了,overflow-y属性设置为滚动,纵向的滚动条就显示出来了,最后设置li标签,给它一个较高的高度,让li标签超出ul的高度范围就可以了:
3、最后打开浏览器,就能看到带滚动条的菜单了:
测试测定
缺点:只能显示一屏
你要做自适应,当然用AUTO,,当然,你又想内容太少的时候,指定它一个高度,就可以用min-height这个是最小高度的意思,意思就是,如果容器没有达到这个高度就按这个高度,超过这个高度,就按height。。。。还有MAX-HEIGHT,这是最大高度,限制高度的作用。。。
头部
底部
不知道你要的是不是这个效果