带滚动条的层

层中如果要出现滚动条,主要是通过:overflow-x:hidden;overflow-y:auto;来实现的。属性值为:auto就会出现滚动条。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style>
.coolscrollbar{
 scrollbar-arrow-color:yellow;
 scrollbar-base-color:lightsalmon;
}
</style>
</head>
<body>
<div class="coolscrollbar" style="width:234px;height:123px;overflow-x:hidden;overflow-y:auto;background:lime;">
我是一个中国人!我是一个中国人!我是一个中国人!<br>
我是一个中国人!<br>
我是一个中国人!<br>
我是一个中国人!<br>
我是一个中国人!<br>
我是一个中国人!<br>
我是一个中国人!<br>
我是一个中国人!<br>
我是一个中国人!<br>
我是一个中国人!<br>
我是一个中国人!<br>
我是一个中国人!<br>
我是一个中国人!<br>
我是一个中国人!<br>
我是一个中国人!<br>
我是一个中国人!<br>
</div>
</body>
</html>

 

出现的效果图:

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页